/* FC_DYNAMO_WOT tier lists v2.31: separate read-only public and local author editor */
body{background:#03050a;color:#ecf7ff} main{min-height:72vh} .tier-hero{background:radial-gradient(ellipse at 75% 0,#0b48a553,transparent 53%),linear-gradient(140deg,#060f21,#03050a);padding:52px 0 36px;border-bottom:1px solid #164173}
.tier-kicker{font-size:11px;color:#2fb7ff;font-weight:900;letter-spacing:2px}.tier-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:14px 0 16px;font-weight:900}.tier-hero h1 span{color:#158fff;text-shadow:0 0 22px #007fff5f}
.tier-intro{max-width:850px;color:#acbfd8;line-height:1.75;font-size:15px}.tier-intro b{color:#f9fcff}.tier-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.tier-stats span{display:inline-flex;align-items:center;padding:11px 15px;border:1px solid #21496d;background:#0c1930;border-radius:11px;color:#aac2dd;font-size:12px}.tier-stats strong{font-size:19px;color:#fff;margin-right:8px}
.tier-board-shell,.tier-workspace{padding-top:24px;padding-bottom:26px}.tier-switcher-head{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px}.tier-switcher-head h2,.tier-catalog-title h2{font-size:23px;font-weight:850;margin:0 0 5px}.tier-switcher-head p,.tier-catalog-title p{font-size:13px;color:#90a9c8;line-height:1.65;margin:0}
.tier-list-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tier-list-tab{border:1px solid #214668;color:#a4c4e0;border-radius:10px;background:#0c1b2f;padding:11px 15px;cursor:pointer;font-size:13px;font-weight:800;transition:background .17s,transform .17s,border-color .17s}.tier-list-tab:hover{border-color:#188fff;transform:translateY(-1px)}.tier-list-tab.is-active{border-color:#158fff;color:#fff;background:linear-gradient(105deg,#063d7d,#0e61ad);box-shadow:0 0 18px #087dff42}.tier-list-tab .count{color:#69c6ff;margin-left:5px}
.tier-board-content{border:1px solid #1b4269;background:linear-gradient(150deg,#0b1525,#060b16);border-radius:19px;box-shadow:0 24px 60px #0004;padding:18px}.tier-board-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:17px}.tier-board-title h3{font-size:22px;margin:0 0 5px}.tier-board-title p{max-width:850px;font-size:13px;color:#a6bdd5;line-height:1.6;margin:0}.tier-board-title .tier-mini{color:#7ebdff;font-size:11px;align-self:center;letter-spacing:1px;text-transform:uppercase}
.tier-row{display:grid;grid-template-columns:91px minmax(0,1fr);min-height:106px;margin:7px 0;border:1px solid #254466;border-radius:12px;background:#0b172a;overflow:hidden}.tier-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px;font-weight:1000;line-height:1;gap:5px;color:#fff;background:#194673}.tier-rank small{font-size:10px;font-weight:750;line-height:1.4;text-align:center;color:#d8edff}.tier-row[data-tier="S"] .tier-rank{background:#a5343c}.tier-row[data-tier="A"] .tier-rank{background:#c56b2c}.tier-row[data-tier="B"] .tier-rank{background:#b3982b}.tier-row[data-tier="C"] .tier-rank{background:#168a78}.tier-row[data-tier="D"] .tier-rank{background:#2b6190}.tier-row-tanks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:11px;min-height:100px}.tier-row.is-drop-target{outline:2px solid #22b7ff;box-shadow:inset 0 0 30px #0b80ff22}.tier-row-placeholder{font-size:12px;color:#6a88aa;padding:12px}
.tier-vehicle{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:118px;min-height:91px;padding:6px 7px 8px;border:1px solid #28527d;border-radius:9px;background:linear-gradient(#102742,#0b1727);text-align:center;gap:4px;line-height:1.2}.tier-vehicle img{display:block;width:100px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 5px #0009)}.tier-vehicle-name{font-size:11px;color:#eff9ff;overflow-wrap:anywhere;font-weight:850;max-width:100%}.tier-vehicle-meta{font-size:10px;color:#8aaecf}.tier-vehicle[draggable="true"]{cursor:grab}.tier-vehicle[draggable="true"]:hover{border-color:#27a9ff;box-shadow:0 0 16px #087bff4a}.tier-vehicle-remove{position:absolute;right:-6px;top:-8px;width:21px;height:21px;border:1px solid #ff8899;background:#601c2d;color:white;border-radius:50%;cursor:pointer;font-size:13px;font-weight:900}.tier-empty-page{padding:47px 18px;text-align:center}.tier-empty-page h3{font-size:24px;margin:0 0 8px}.tier-empty-page p{color:#98b2d1;line-height:1.7;max-width:620px;margin:0 auto}.tier-empty-page .tier-empty-star{font-size:54px;color:#0c8bfa;margin-bottom:15px;filter:drop-shadow(0 0 16px #008eff)}
.tier-editor-intro{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:16px;border-radius:12px;border:1px solid #2273ba;padding:13px 17px;background:#052347}.tier-editor-intro strong{color:#80d6ff}.tier-editor-intro p{margin:5px 0 0;color:#b7cee4;font-size:12px;line-height:1.6}.tier-editor-controls{border:1px solid #214874;border-radius:15px;background:#08172b;padding:15px}.tier-toolbar{display:flex;gap:8px;flex-wrap:wrap}.tier-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;padding:10px 13px;border:1px solid #246092;border-radius:9px;font-weight:760;font-size:12px;cursor:pointer;min-height:38px;font-family:inherit;line-height:1.2}.tier-btn-soft{color:#c3e4ff;background:#10243a}.tier-btn-soft:hover{border-color:#29a4ff;background:#173b60}.tier-btn-primary{color:white;border-color:#44b6ff;background:linear-gradient(115deg,#056acb,#169ffd);box-shadow:0 0 13px #0367f344}.tier-btn-primary:hover{background:#087eea}.tier-btn-danger{background:#2c111b;border-color:#99445b;color:#ffabb7}.tier-btn:disabled{opacity:.55;cursor:default}
.tier-metadata{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #23405f}.tier-metadata label{font-size:11px;color:#a9c8e9;display:flex;flex-direction:column;gap:6px}.tier-metadata input,.tier-metadata select,.tier-catalog-search input{outline:none;min-height:39px;border:1px solid #2a5277;background:#071528;color:white;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px}.tier-metadata input:focus,.tier-metadata select:focus,.tier-catalog-search input:focus{border-color:#1599ff;box-shadow:0 0 10px #0099ff30}.tier-metadata .tier-title-input{width:230px}.tier-metadata .tier-desc-input{width:280px}.tier-meta-actions{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.tier-published-tag{padding:9px;border:1px solid #187969;color:#88ffe2;border-radius:8px;font-size:12px}.tier-draft-tag{padding:9px;border:1px solid #806a30;color:#fbd888;border-radius:8px;font-size:12px}
.tier-catalog-editor{background:#0a1526;border:1px solid #214875;border-radius:15px;padding:15px;margin-top:15px}.tier-catalog-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.tier-counter{white-space:nowrap;color:#64baff;font-weight:800}.tier-catalog-search{display:flex;gap:8px;margin:13px 0;flex-wrap:wrap}.tier-catalog-search input{width:330px;max-width:100%;flex:1}.tier-filter-block{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.tier-filter-label{font-size:10px;color:#7bbbee;letter-spacing:1px;font-weight:850;text-transform:uppercase}.tier-filter-buttons{display:flex;flex-wrap:wrap;gap:5px}.tier-filter-button{padding:7px 9px;min-height:31px;border:1px solid #23466f;border-radius:7px;background:#0c1d33;color:#a8c4df;cursor:pointer;font-size:11px;font-weight:710}.tier-filter-button small{opacity:.64;margin-left:3px}.tier-filter-button:hover{border-color:#26a4ee}.tier-filter-button.active{background:#0958a7;border-color:#2eaefe;color:white;box-shadow:0 0 10px #1276dc3e}
.tier-catalog-list{max-height:510px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(133px,1fr));gap:9px;align-content:start;padding:8px;background:#061120;border-radius:10px;border:1px solid #123b63;scrollbar-color:#2679bc #061120}.tier-catalog-list .tier-vehicle{width:100%;min-width:0;min-height:99px}.tier-catalog-list .tier-vehicle img{height:48px}.tier-catalog-list .tier-vehicle{cursor:grab}.tier-catalog-list .tier-vehicle .tier-add-btn{background:#105b9a;border:1px solid #2b8fd3;color:#fff;border-radius:6px;cursor:pointer;padding:4px 6px;font-size:10px;font-family:inherit}.tier-catalog-list .tier-vehicle .tier-add-btn:hover{background:#0888e6}.tier-more{margin:10px auto 0;display:flex}.tier-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px);z-index:300;max-width:calc(100% - 30px);background:#0b375a;border:1px solid #25b1ff;border-radius:10px;color:white;padding:13px 19px;box-shadow:0 10px 35px #000b;opacity:0;pointer-events:none;transition:.2s ease}.tier-toast.show{opacity:1;transform:translate(-50%,0)}.tier-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;padding:12px;border:1px solid #2385ba;background:#082643;border-radius:10px}.tier-picker span{color:#a6cfe9;font-size:12px}.tier-type-note{color:#7b9bbb;font-size:11px;margin:7px 0 0}.tier-tag{font-size:10px;color:#71bfff}
@media(max-width:760px){.tier-hero{padding:38px 0 22px}.tier-editor-intro{align-items:stretch;flex-direction:column}.tier-board-content{padding:9px}.tier-row{grid-template-columns:53px minmax(0,1fr);min-height:95px}.tier-rank{font-size:27px}.tier-rank small{font-size:8px}.tier-row-tanks{gap:6px;padding:7px}.tier-vehicle{width:93px;min-height:76px}.tier-vehicle img{width:78px;height:39px}.tier-vehicle-name{font-size:10px}.tier-catalog-list{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));max-height:460px}.tier-catalog-list .tier-vehicle img{width:85px}.tier-metadata label,.tier-metadata input{width:100%!important}.tier-metadata{flex-direction:column}.tier-toolbar{gap:6px}.tier-btn{font-size:11px;padding:8px 10px}.tier-switcher-head h2{font-size:19px}.tier-catalog-title h2{font-size:19px}.tier-catalog-title{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.tier-toast,.tier-list-tab{transition:none}}

/* Desktop editor keeps the catalogue and tier board next to each other for drag & drop. */
@media(min-width:1050px){body[data-tier-mode="editor"] .tier-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:16px;align-items:start}body[data-tier-mode="editor"] .tier-editor-controls{grid-column:1/-1}body[data-tier-mode="editor"] .tier-catalog-editor{grid-column:1;grid-row:2}body[data-tier-mode="editor"] .tier-board-shell{grid-column:2;grid-row:2;padding:0;min-width:0}body[data-tier-mode="editor"] .tier-row{grid-template-columns:60px minmax(0,1fr)}body[data-tier-mode="editor"] .tier-rank{font-size:28px}body[data-tier-mode="editor"] .tier-vehicle{width:98px}body[data-tier-mode="editor"] .tier-vehicle img{width:83px;height:43px}}



/* v2.32: only authentic tank images in both editor and public tier lists. */
.tier-vehicle .tier-tank-art{width:100%;height:66px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.tier-vehicle .tier-tank-art img{display:block;max-width:100%;width:100%;height:66px;object-fit:contain;filter:drop-shadow(0 5px 6px #0009)}
.tier-vehicle .tier-tank-art img[hidden],.tier-vehicle .tier-no-image[hidden]{display:none!important}
.tier-vehicle .tier-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:60px;font-size:10px;line-height:1.2;text-align:center;color:#83accf;border:1px dashed #254766;border-radius:6px}
.tier-catalog-list .tier-vehicle{min-height:135px}
.tier-catalog-list .tier-vehicle .tier-tank-art img{height:66px}
@media(max-width:760px){.tier-vehicle .tier-tank-art,.tier-vehicle .tier-tank-art img{height:51px}.tier-catalog-list .tier-vehicle .tier-tank-art img{height:51px}.tier-catalog-list .tier-vehicle{min-height:116px}}
@media(min-width:1050px){body[data-tier-mode="editor"] .tier-vehicle .tier-tank-art,body[data-tier-mode="editor"] .tier-vehicle .tier-tank-art img{height:54px}}