@charset "UTF-8";
/* OTanks profiles: the compact, silver-framed layout of classic Tanki ratings. */
body.tanki-profiles {
  --content:1010px; --font-body:Arial,sans-serif; --font-display:Arial,sans-serif;
  --text:#eee; --text-secondary:#bbb; --text-muted:#aaa;
  --border:#777; --border-strong:#888; --bg-panel:rgba(0,0,0,.82);
  --bg-elevated:rgba(34,34,34,.8); --tanki-blue:#a4bc74; --tanki-cyan:#cad8ae;
  margin:0; background:#0e0904 url("background-2018.jpg") center top / 2526px auto no-repeat scroll;
  font:14px/1.4 Arial,sans-serif; color:#eee; color-scheme:dark;
}
.tanki-profiles .top-line {position:relative;height:50px;min-height:50px;background:linear-gradient(#535353,#353535 45%,#222 50%,#333);border-bottom:1px solid #111;box-shadow:0 4px 20px #0008;backdrop-filter:none}
.tanki-profiles .navigation {gap:24px;padding:0;height:50px;flex-wrap:nowrap}
.tanki-profiles .brand {gap:7px}
.tanki-profiles .brand-mark {width:25px;height:27px;font-size:19px;background:linear-gradient(#ddd,#8b8b83);color:#252825;transform:skew(-7deg);box-shadow:0 1px 3px #0005}
.tanki-profiles .brand-word {font:900 18px/1 Arial,sans-serif;letter-spacing:-.4px;color:#ddd;text-shadow:1px 2px 2px #000}
.tanki-profiles .brand-word small {font:7px/1.2 Arial,sans-serif;letter-spacing:1.3px;color:#bbb;margin-top:4px}
.tanki-profiles .home-link,.tanki-profiles .navigation-links a {font:12px Arial,sans-serif;letter-spacing:0;color:#ccc;text-transform:none;white-space:nowrap}
.tanki-profiles .navigation-links {gap:23px;display:flex!important;flex-basis:auto;padding:0;order:0}
.tanki-profiles .navigation-links a:after,.tanki-profiles .home-link:after {display:none}
.tanki-profiles .navigation-actions {gap:10px}
.tanki-profiles .nav-login,.tanki-profiles .nav-play,.tanki-profiles .profile-metal-button,.tanki-profiles .search-button,.tanki-profiles .page-button,.tanki-profiles .share-profile,.tanki-profiles .preview-reset {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;height:auto;min-width:0;
  padding:5px 12px;border:2px solid #aaa9;border-radius:5px;background:linear-gradient(#777c,#494949c9 45%,#181818ba 52%,#353535cf);
  box-shadow:0 2px 7px #0004;color:#eee;font:14px/1.2 Arial,sans-serif;letter-spacing:0;text-shadow:1px 1px 2px #000;cursor:pointer;text-transform:none;text-decoration:none;
}
.tanki-profiles .nav-login {font-size:11px;min-height:28px;padding:4px 9px}
.tanki-profiles .nav-play {background:linear-gradient(#abd365,#638c2d 48%,#375516 53%,#52752b);font-size:11px;min-height:28px;padding:4px 11px}
.tanki-profiles button:hover,.tanki-profiles .profile-metal-button:hover {filter:brightness(1.15)}
.tanki-profiles button:disabled {opacity:.4;cursor:default;filter:none}
.tanki-profiles .directory-page {padding:0 0 22px;display:flex;flex-direction:column}
.tanki-profiles .profile-masthead {display:flex;align-items:center;justify-content:center;flex-direction:column;margin:28px 0 22px;text-shadow:0 3px 4px #000}
.profile-site-logo {display:flex;align-items:center;gap:14px;text-decoration:none;color:#e4e6dc}
.profile-site-logo>span:last-child {font:900 italic 55px/.9 Impact,"Arial Black",sans-serif;letter-spacing:1px;filter:drop-shadow(1px 3px 1px #000)}
.profile-site-logo small {display:block;font:700 10px/1 Arial,sans-serif;letter-spacing:4.1px;margin-top:10px;color:#c4c8b8;text-align:center}
.profile-logo-emblem {position:relative;display:block;width:57px;height:60px;background:linear-gradient(120deg,#e3e8d6,#8e9a7a);clip-path:polygon(0 10%,100% 0,100% 82%,0 100%)}
.profile-logo-emblem:before,.profile-logo-emblem:after,.profile-logo-emblem i {content:"";position:absolute;inset:15px 7px 29px;background:#363b30;transform:skewY(-9deg);box-shadow:0 7px #363b30,0 14px #363b30}
.profile-logo-emblem:after {inset:13px 24px 12px;box-shadow:none;transform:rotate(24deg);background:#c4ceb2}
.tanki-profiles .profile-masthead h1 {font:400 13px Arial,sans-serif;margin:15px 0 0;color:#c0c0ba;letter-spacing:1px}
.tanki-profiles .panel {background:rgba(0,0,0,.82);border:2px solid #aaaaaabf;border-radius:5px;box-shadow:0 2px 7px #0004;color:#eee}
.tanki-profiles .panel h2,.tanki-profiles .panel h3,.tanki-profiles .panel strong,.tanki-profiles .panel dt {color:#eee;text-shadow:none}
.tanki-profiles .panel p,.tanki-profiles .panel .panel-kicker {color:#bbb}
.tanki-profiles .player-search {position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0;flex-wrap:wrap}
.tanki-profiles .player-search>div:first-child {flex:none}
.tanki-profiles .player-search h2 {font:bold 16px Arial,sans-serif;margin:0;white-space:nowrap}
.tanki-profiles #player-search-form {display:flex;align-items:center;flex:1;gap:9px;width:auto;margin:0;min-width:0}
.tanki-profiles #player-search {height:33px;min-height:33px;min-width:0;flex:1;width:100%;padding:4px 9px;border:2px solid #aaaaaabf;border-radius:5px;background:linear-gradient(#111c,#555c);color:#eee;font:14px Arial,sans-serif;box-shadow:inset 0 2px 6px #0006}
.tanki-profiles #player-search::placeholder {color:#aaa}
.tanki-profiles .search-button {height:33px;padding:4px 21px;font-size:14px}
.tanki-profiles .favorites-toggle {font-size:13px;min-height:33px;padding:4px 10px}
.favorites-toggle>span {color:#e6cb5b;font-size:18px;line-height:1}
.tanki-profiles .search-status {flex-basis:100%;grid-column:auto;margin:0;color:#d1d6be;font-size:12px;line-height:1.2}
.tanki-profiles .search-status:empty {display:none}
.profile-favorites-list {position:absolute;top:calc(100% - 3px);right:-2px;z-index:12;min-width:235px;max-width:100%;padding:12px 16px;background:#080808f5;border:2px solid #aaa;border-radius:5px;box-shadow:0 6px 20px #0008}
.profile-favorites-list>a {display:flex;align-items:center;gap:10px;padding:7px 0;color:#ddd;overflow-wrap:anywhere;text-decoration:none}
.profile-favorites-list>a:hover {color:#d7e6b1;text-decoration:underline}
.profile-favorites-list>p {font-size:12px;padding:4px}
.profile-toolbar {display:flex;align-items:center;gap:15px;justify-content:space-between;margin:14px 0 12px;flex-wrap:wrap}
.profile-tabs {display:flex;gap:4px}
.profile-tabs>a {padding:7px 14px;background:#0a0a0acf;border:1px solid #8889;border-radius:4px;color:#bbb;text-decoration:none;font-size:13px;white-space:nowrap}
.profile-tabs>a[aria-current] {background:linear-gradient(#646464dd,#303030ee);border-color:#aaa;color:#eee}
.profile-tabs>a:hover {color:#fff;border-color:#bbb}
.profile-server-status {display:flex;align-items:center;gap:5px;color:#bbb;font-size:11px;white-space:nowrap}
.profile-server-status .online-dot {display:block;width:6px;height:6px;background:#91ba54;box-shadow:none;margin-right:2px}
.profile-server-status>span:last-child {border-left:1px solid #777;padding-left:8px;margin-left:5px;color:#aaa;font-size:10px}
.tanki-profiles .players-section,.tanki-profiles .profile-panel {margin:0}
.tanki-profiles[data-profile-view=ratings] .profile-panel,.tanki-profiles[data-profile-view=profile] .players-section {display:none}
.tanki-profiles .profile-panel {padding:15px 16px;scroll-margin-top:16px;outline:none}
.tanki-profiles .profile-heading {display:flex;justify-content:space-between;align-items:center;border:0;padding:0;margin-bottom:11px;gap:10px}
.tanki-profiles .profile-heading h2 {font:400 15px Arial,sans-serif;color:#aaa;margin:0;letter-spacing:0}
.profile-heading-actions {display:flex;align-items:center;gap:13px}
.tanki-profiles .profile-favorite {border:0;box-shadow:none;background:none;min-height:0;padding:0;font:26px/1 Arial,sans-serif;color:#d6c264;cursor:pointer}
.profile-back {font-size:11px;color:#bbb;text-decoration:none}
.profile-back:hover {color:#fff;text-decoration:underline}
.tanki-profiles .profile-message {padding:25px 0;text-align:center;color:#bbb}
.tanki-profiles .profile-hero {display:flex;align-items:flex-start;flex-direction:column;background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:0;overflow:visible}
.tanki-profiles .profile-hero:before {display:none}
.tanki-profiles .profile-identity {display:flex;flex-direction:row;align-items:center;gap:8px;text-align:left;width:100%;max-width:100%}
.tanki-profiles .profile-identity>img {width:33px;height:33px;border:0;background:none;padding:0;border-radius:0;box-shadow:none;object-fit:contain;flex:none}
.tanki-profiles .profile-identity>div {display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;min-width:0}
.tanki-profiles .profile-identity h3 {font:bold 23px/1.3 Arial,sans-serif;color:#f1f1e9;margin:0;text-shadow:none;letter-spacing:0;overflow-wrap:anywhere}
.tanki-profiles .profile-identity p {font:14px Arial,sans-serif;color:#b8b8b5;margin:0;text-shadow:none;letter-spacing:0}
.tanki-profiles .premium-badge {font:bold 9px Arial,sans-serif;padding:3px 5px;border:1px solid #c0a358;border-radius:3px;background:linear-gradient(#b7983b,#796022);color:#fff3bc;box-shadow:none;margin:0}
.tanki-profiles .profile-progress {display:flex;align-items:center;gap:18px;width:100%;margin:9px 0 0}
.tanki-profiles .experience-panel {padding:0;flex:1;min-width:0}
.tanki-profiles .xp-progress {position:relative;height:31px;padding:2px;border:2px solid #aaa;border-radius:5px;background:linear-gradient(#303336,#232629 47%,#15181c 53%,#131619);box-shadow:0 1px 3px #0005;margin:0;overflow:hidden}
.tanki-profiles .xp-progress>div:first-child {height:100%;border-radius:2px;background:linear-gradient(#bae651,#acd746 17%,#85ac2f 48%,#659115 52%,#284505);box-shadow:none;transition:width .4s}
.tanki-profiles .xp-progress .experience-label {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:0;margin:0;font:15px Arial,sans-serif;color:#fff;text-shadow:1px 1px 3px #000;white-space:nowrap;flex-wrap:nowrap;background:transparent;border:0;border-radius:0;height:auto;width:auto}
.tanki-profiles .experience-label strong {font:15px Arial,sans-serif;color:#fff;text-shadow:1px 1px 3px #000}
.tanki-profiles .profile-progress #profile-next-rank {font:11px Arial,sans-serif;color:#aaa;margin:6px 0 0;text-shadow:none}
.tanki-profiles .profile-facts {display:flex;gap:15px;margin:0;flex:none}
.tanki-profiles .profile-facts>div {display:flex;flex-direction:column;gap:2px;border:0;padding:0;background:none;text-align:right}
.tanki-profiles .profile-facts dt {font:10px Arial,sans-serif;text-transform:none;letter-spacing:0;color:#aaa}
.tanki-profiles .profile-facts dd {font:17px Arial,sans-serif;color:#e6e6df;text-shadow:none}
.tanki-profiles .profile-layout {display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:22px}
.tanki-profiles .profile-card {padding:0;border:0;border-radius:0;box-shadow:none;background:none;min-width:0;--text:#eee;--text-secondary:#bbb;--text-muted:#aaa;--bg-elevated:#222b}
.tanki-profiles .profile-card-heading {display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid #7778;gap:10px}
.tanki-profiles .profile-card-heading h3 {font:400 19px Arial,sans-serif;letter-spacing:0;color:#ddd;margin:0}
.tanki-profiles .battle-statistics {display:block}
.tanki-profiles .battle-statistics>div {display:flex;align-items:baseline;flex-direction:row;gap:6px;padding:5px 0;border:0;border-radius:0;background:none;transform:none}
.tanki-profiles .battle-statistics>div:after {content:"";order:2;flex:1;border-bottom:1px dotted #777;align-self:baseline;min-width:12px}
.tanki-profiles .battle-statistics dt {order:1;font:14px Arial,sans-serif;text-transform:none;letter-spacing:0;color:#ccc;white-space:nowrap}
.tanki-profiles .battle-statistics dd {order:3;font:14px Arial,sans-serif;color:#eee;text-shadow:none}
.tanki-profiles .battle-statistics>div:hover {background:none;transform:none}
.tanki-profiles .battle-statistics .gold-stat dd {color:#dfcb69}
.tanki-profiles .profile-card .tracking-since {padding:0;margin:10px 0 0;border:0;color:#888;font:10px/1.5 Arial,sans-serif}
.tanki-profiles .equipment {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tanki-profiles .equipment>div {display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:7px 2px 4px;border:0;border-radius:0;background:none;transform:none;min-width:0}
.tanki-profiles .equipment>div:hover {background:none;transform:none}
.tanki-profiles .equipment>div>div:last-child {gap:4px;flex:initial;min-width:0;width:100%}
.tanki-profiles .equipment-icon {display:grid;place-items:center;width:100%;height:71px;border:0;background:none;box-shadow:none;padding:0;margin-bottom:5px;flex:none}
.tanki-profiles .equipment dt {color:#999;font:11px Arial,sans-serif;letter-spacing:0;text-transform:none}
.tanki-profiles .equipment dd {color:#ddd;font:12px Arial,sans-serif;overflow-wrap:anywhere}
.equipment-silhouette,.equipment-preview-image {position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0}
.equipment-preview-image>img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat;filter:drop-shadow(0 2px 3px #0008)}
.tanki-profiles .paint-swatch:before {content:"";width:65px;height:42px;background:repeating-linear-gradient(35deg,#4a5c30 0 14px,#a5b37b 14px 27px,#6e8446 27px 43px);border:2px solid #777;transform:skew(-12deg);box-shadow:0 3px 5px #0007}
.tanki-profiles .paint-swatch[data-paint=youtuber]:before {background:repeating-linear-gradient(35deg,#eee 0 16px,#a62423 16px 31px,#aaa 31px 44px)}
.tanki-profiles .garage-card {grid-column:1/-1;margin-top:3px}
.tanki-profiles .profile-card .garage-note {background:none;border:0;border-radius:0;padding:0;font:10px Arial,sans-serif;color:#999}
.tanki-profiles .garage-preview {display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0;margin-bottom:19px}
.tanki-profiles .garage-preview-stage {position:relative;border:1px solid #6668;border-radius:3px;background:radial-gradient(ellipse at center,#69705555,#171b16aa 65%);height:180px;min-height:0;overflow:hidden}
.tanki-profiles .garage-preview-kicker {position:absolute;top:9px;left:10px;padding:0;background:none;border:0;color:#aaa;font:9px Arial,sans-serif;letter-spacing:1px}
.tanki-profiles .garage-tank-orbit {height:150px;min-height:0;display:grid;place-items:center}
.tanki-profiles .garage-tank-art {display:block;width:95%;height:100%;filter:drop-shadow(0 4px 5px #0008);cursor:grab;transform:perspective(700px) rotateY(var(--preview-yaw,0deg));touch-action:pan-y}
.tanki-profiles .garage-tank-art:active {cursor:grabbing}
.tanki-profiles .garage-preview-caption {position:absolute;bottom:8px;left:5px;right:5px;margin:0;color:#888;font:9px Arial,sans-serif}
.tanki-profiles .garage-preview-details {display:flex;justify-content:center;gap:9px}
.tanki-profiles .garage-preview-details>.panel-kicker {font:10px Arial,sans-serif;letter-spacing:1px;color:#999}
.tanki-profiles .garage-preview-details h4 {font:400 17px Arial,sans-serif;margin:0;color:#ddd;text-shadow:none}
.tanki-profiles .preview-facts {display:grid;gap:5px}
.tanki-profiles .preview-facts>div {display:flex;gap:10px;justify-content:space-between;background:none;border:0;border-radius:0;padding:0}
.tanki-profiles .preview-facts dt,.tanki-profiles .profile-card .preview-facts dt {font:12px Arial,sans-serif;color:#999;text-transform:none;letter-spacing:0}
.tanki-profiles .preview-facts dd {font:12px Arial,sans-serif;color:#ddd}
.tanki-profiles .preview-reset {align-self:flex-start;font-size:11px;padding:5px 10px;min-height:28px;margin:2px 0 0}
.tanki-profiles .garage-columns {display:grid;grid-template-columns:1fr;gap:17px}
.tanki-profiles .garage-group,.tanki-profiles .profile-card .garage-group {padding:0;border:0;border-radius:0;background:none}
.tanki-profiles .loadout-title {font:400 17px Arial,sans-serif;color:#ccc;margin:0 0 9px;letter-spacing:0}
.tanki-profiles .owned-items {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.tanki-profiles .owned-items .owned-item {position:relative;display:flex;align-items:center;flex-direction:column;gap:3px;min-width:0;min-height:120px;padding:9px 7px 8px;border:1px solid #777a;border-radius:4px;background:#151515ad;color:#ddd;box-shadow:inset 0 1px 0 #ffffff0c;transform:none}
.tanki-profiles .owned-items .owned-item:hover {background:#353a2acc;border-color:#acb88e;box-shadow:none;transform:none}
.tanki-profiles .owned-items .owned-item.is-selected {background:#424b2ba6;border:1px solid #b7c28d;box-shadow:inset 0 0 0 1px #c2ce9d22}
.tanki-profiles .owned-item .equipment-preview-image {width:100%;height:66px;min-height:66px;flex:none;margin:0 0 2px;overflow:hidden}
.tanki-profiles .owned-item-name {position:relative;z-index:1;font:12px Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;color:#ddd}
.tanki-profiles .owned-items .owned-item-level {font:10px Arial,sans-serif;background:none;border:0;border-radius:0;padding:0;margin:0;min-width:0;height:auto;color:#aaa;text-shadow:none;box-shadow:none}
.tanki-profiles .equipped-badge {position:absolute;top:3px;right:4px;padding:1px 3px;border-radius:2px;font:7px Arial,sans-serif;background:#596237;color:#e1e8c6;box-shadow:none;letter-spacing:0;margin:0}
.tanki-profiles .owned-items-message {grid-column:1/-1;font:12px Arial,sans-serif;color:#999;padding:12px}
.equipment-preview-image[data-missing=true]:before {content:"";display:block;width:65%;height:35%;background:linear-gradient(#b3bb90,#626e43);clip-path:polygon(10% 10%,70% 0,100% 35%,90% 90%,20% 100%,0 65%)}
.tanki-profiles .share-profile {font-size:11px;min-height:28px;padding:4px 9px;margin:17px 0 0}
.tanki-profiles .share-status {font:11px Arial,sans-serif;color:#c6d0b5;margin:7px 0 0;overflow-wrap:anywhere}
.tanki-profiles .leaderboard-panel {overflow:hidden}
.tanki-profiles .leaderboard-heading {display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:0;color:#aaa}
.tanki-profiles .leaderboard-heading>div {display:block}
.tanki-profiles .leaderboard-heading h2 {font:400 20px Arial,sans-serif;margin:0 0 4px;color:#eee}
.tanki-profiles .leaderboard-heading span {font:11px Arial,sans-serif;color:#aaa;letter-spacing:0}
.tanki-profiles .table-scroll {max-height:none;max-width:100%;overflow-x:auto}
.tanki-profiles .leaderboard {font:13px Arial,sans-serif}
.tanki-profiles .leaderboard th {position:static;background:#222a;border-block:1px solid #7778;padding:10px 16px;font:bold 11px Arial,sans-serif;color:#aaa;letter-spacing:0;text-transform:none}
.tanki-profiles .leaderboard td {padding:8px 16px;border-bottom:1px solid #6665;color:#ddd;font:13px Arial,sans-serif}
.tanki-profiles .leaderboard td:first-child,.tanki-profiles .leaderboard th:first-child {width:50px;font:13px Arial,sans-serif;color:#aaa;text-shadow:none}
.tanki-profiles .leaderboard tbody tr:nth-child(-n+3) td:first-child {color:#dcc778;font-size:14px}
.tanki-profiles .leaderboard tbody tr:hover {background:#ffffff10}
.tanki-profiles .leaderboard tbody tr.selected {background:#90a65b22;border:0}
.tanki-profiles .leaderboard .player-link {color:#ddd;font:13px Arial,sans-serif;gap:7px}
.tanki-profiles .leaderboard .premium-name {color:#e7d17d}
.tanki-profiles .small-rank {width:23px;height:23px;filter:none}
.tanki-profiles .leaderboard .xp-column,.tanki-profiles .leaderboard td:last-child {font-size:13px}
.tanki-profiles .table-footer {padding:12px 16px;background:none;border-top:0;color:#999;font:10px Arial,sans-serif;gap:15px;flex-wrap:wrap}
.tanki-profiles .pagination {gap:7px}
.tanki-profiles .page-button {width:27px;min-height:25px;height:25px;padding:0;font-size:17px}
.tanki-profiles .rank-section {margin:17px 0 0}
.tanki-profiles .rank-section>.section-title {display:none}
.tanki-profiles .rank-details>summary {font:14px Arial,sans-serif;color:#ddd;padding:13px 16px}
.tanki-profiles .rank-guide-panel {padding:0 16px 16px}
.tanki-profiles .rank-guide {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tanki-profiles .rank-entry {display:flex;gap:10px;padding:9px;background:#ffffff08;border:1px solid #6667;border-radius:3px;box-shadow:none;transform:none}
.tanki-profiles .rank-entry img {width:35px;height:35px;filter:none}
.tanki-profiles .rank-entry h3 {font:12px Arial,sans-serif;color:#ddd;margin:0 0 3px}
.tanki-profiles .rank-entry p,.tanki-profiles .rank-entry small {font:11px Arial,sans-serif;color:#aaa;margin:0}
.tanki-profiles .rank-intro,.tanki-profiles .legend-note {font:11px/1.5 Arial,sans-serif;color:#999;margin:10px 0}
.tanki-profiles .download-panel {margin:17px 0 0;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;flex-wrap:wrap;border:2px solid #aaa9;box-shadow:none}
.tanki-profiles .download-panel .panel-kicker {display:none}
.tanki-profiles .download-panel h2 {font:400 16px Arial,sans-serif;color:#ddd;margin:0 0 5px}
.tanki-profiles .download-panel p {font:11px Arial,sans-serif;color:#999;margin:0}
.tanki-profiles .download-panel .button-primary {min-width:0;min-height:34px;padding:6px 14px;gap:10px;font:12px Arial,sans-serif;letter-spacing:0;border:2px solid #98aa6a;border-radius:4px;background:linear-gradient(#a5cb60,#658e32 48%,#3a5d18 52%,#4d7027);color:#f2f5e9;text-shadow:1px 1px 2px #000;box-shadow:none;width:auto}
.tanki-profiles #download-note:empty {display:none}
.tanki-profiles .footer {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:15px 0 30px;margin-top:0;background:none;border:0;box-shadow:none;color:#aaa;font:11px Arial,sans-serif}
.tanki-profiles .footer-logo {font:bold 16px Arial,sans-serif;color:#ccc;text-shadow:none}
.tanki-profiles .footer-logo span {font:9px Arial,sans-serif;letter-spacing:1px;color:#999}
.tanki-profiles .footer .profile-metal-button {font-size:10px;min-height:27px}
.tanki-profiles .skip {position:fixed;top:0;left:12px;transform:translateY(-150%);z-index:100}
.tanki-profiles .skip:focus {top:0;transform:translateY(12px)}
.tanki-profiles .login-dialog {position:fixed;inset:0;margin:auto;width:min(430px,calc(100% - 32px));max-height:calc(100svh - 32px);color-scheme:dark;background:#111e;color:#eee;border:2px solid #aaa;border-radius:5px;box-shadow:0 15px 65px #0009}
.tanki-profiles .login-dialog::backdrop {background:#0009;backdrop-filter:blur(3px)}
.tanki-profiles .login-dialog .login-panel {padding:24px;font:14px/1.5 Arial,sans-serif;color:#eee}
.tanki-profiles .login-heading {gap:15px;margin-bottom:18px}
.tanki-profiles .login-heading .panel-kicker {color:#aaa;font:10px Arial,sans-serif;letter-spacing:1px}
.tanki-profiles .login-heading h2 {font:400 23px/1.3 Arial,sans-serif;color:#eee;margin:6px 0 0}
.tanki-profiles .login-close {flex:none;width:29px;height:29px;padding:0;border:1px solid #888;border-radius:4px;color:#ccc;background:linear-gradient(#555,#222);font:23px/1 Arial,sans-serif}
.tanki-profiles #website-login-form {display:flex;flex-direction:column;gap:0}
.tanki-profiles .login-dialog #website-login-form>label {font:13px Arial,sans-serif;letter-spacing:0;text-transform:none;color:#ccc;margin:10px 0 6px}
.tanki-profiles .login-dialog #website-login-form>input {height:38px;min-height:38px;width:100%;padding:6px 10px;margin:0 0 8px;border:2px solid #999;border-radius:4px;background:linear-gradient(#171717,#363636);color:#eee;font:16px Arial,sans-serif}
.tanki-profiles #website-login-form .remember-nickname {font:12px Arial,sans-serif;color:#bbb;margin:12px 0 9px;display:flex;gap:8px;align-items:center}
.tanki-profiles .login-dialog .login-save-note {font:11px/1.6 Arial,sans-serif;color:#aaa;margin:0 0 5px}
.tanki-profiles .login-dialog .login-status {font:12px/1.5 Arial,sans-serif;color:#c5ceb6;text-align:left;min-height:35px;background:none;border:0;border-radius:0;box-shadow:none;padding:8px 0;margin:0}
.tanki-profiles .login-dialog .login-submit {width:100%;min-height:39px;margin-top:8px;padding:8px 14px;border:2px solid #98aa6a;border-radius:4px;background:linear-gradient(#a5cb60,#658e32 48%,#3a5d18 52%,#4d7027);color:#f2f5e9;font:14px Arial,sans-serif;letter-spacing:0;box-shadow:none;text-shadow:1px 1px 2px #000}
.tanki-profiles .login-dialog .website-account {background:none;border:0;padding:5px 0 0;border-radius:0;gap:15px}
.tanki-profiles .login-dialog .website-account p {color:#bbb;font:13px/1.5 Arial,sans-serif}
.tanki-profiles .login-dialog .website-account strong {color:#d3dfa9;font:bold 22px Arial,sans-serif;text-shadow:none;overflow-wrap:anywhere}
.tanki-profiles .login-dialog #website-logout {background:linear-gradient(#666,#393939 48%,#222 52%,#333);border-color:#888;color:#eee}
.tanki-profiles .login-dialog #website-logout-status {color:#e6b09d}
.tanki-profiles .paint-swatch[data-has-preview=true]:before {display:none}
.tanki-profiles .loadout-preview {margin:0 0 15px;border:0;padding:0}
.tanki-profiles .loadout-preview>summary {display:inline-block;font:11px Arial,sans-serif;color:#aaa;padding:0 0 10px;cursor:pointer;list-style:none}
.tanki-profiles .loadout-preview>summary:before {content:"▸";margin-right:6px}
.tanki-profiles .loadout-preview[open]>summary:before {content:"▾"}
@media(max-width:1000px){.tanki-profiles .navigation{gap:17px}.tanki-profiles .navigation-links{gap:15px}.tanki-profiles .profile-layout{grid-template-columns:1.15fr 1fr}}
@media(max-width:760px){.tanki-profiles .top-line{height:auto}.tanki-profiles .navigation{height:auto;min-height:50px;flex-wrap:wrap;gap:12px;padding:10px 0}.tanki-profiles .home-link{display:none}.tanki-profiles .navigation-links{order:3;flex-basis:100%;justify-content:center;gap:28px;padding:4px 0 2px}.tanki-profiles .navigation-actions{margin-left:auto}.tanki-profiles .profile-masthead{margin:25px 0 20px}.tanki-profiles .player-search{gap:10px;padding:12px}.tanki-profiles .player-search>div:first-child{flex-basis:100%}.tanki-profiles .profile-progress{gap:12px}.tanki-profiles .profile-layout{gap:18px;grid-template-columns:1fr 1fr}.tanki-profiles .equipment{gap:4px}.tanki-profiles .equipment-icon{height:58px}.tanki-profiles .equipment dd{font-size:11px}.tanki-profiles .owned-items{grid-template-columns:repeat(4,minmax(0,1fr))}.tanki-profiles .profile-facts{gap:10px}.tanki-profiles .profile-facts dt{font-size:9px}.tanki-profiles .profile-facts dd{font-size:15px}.tanki-profiles .profile-server-status{width:100%;justify-content:flex-end}.tanki-profiles .profile-toolbar{gap:9px}.tanki-profiles .rank-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.tanki-profiles .shell{width:calc(100% - 24px)}.tanki-profiles .profile-panel{padding:12px}.tanki-profiles .profile-heading{margin-bottom:13px}.tanki-profiles .profile-heading h2{font-size:13px}.tanki-profiles .profile-back{font-size:10px}.tanki-profiles .profile-identity h3{font-size:20px}.tanki-profiles .profile-identity p{font-size:12px}.tanki-profiles .profile-progress{flex-wrap:wrap}.tanki-profiles .experience-panel{flex-basis:100%}.tanki-profiles .profile-facts{width:100%;justify-content:flex-end;gap:20px}.tanki-profiles .profile-facts>div{flex-direction:row;align-items:baseline;gap:6px}.tanki-profiles .profile-layout{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:17px}.tanki-profiles .profile-card-heading h3{font-size:17px}.tanki-profiles .battle-statistics dt,.tanki-profiles .battle-statistics dd{font-size:13px}.tanki-profiles .equipment{gap:12px}.tanki-profiles .equipment-icon{height:66px}.tanki-profiles .garage-preview{grid-template-columns:minmax(0,1fr);gap:14px}.tanki-profiles .garage-preview-details{display:none}.tanki-profiles .garage-preview-stage{height:160px}.tanki-profiles .garage-tank-orbit{height:140px}.tanki-profiles .owned-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tanki-profiles .owned-items .owned-item{padding:7px 4px;min-height:108px}.tanki-profiles .owned-item .equipment-preview-image{height:55px}.tanki-profiles .owned-item-name{font-size:11px}.tanki-profiles .garage-note{max-width:155px;text-align:right;font-size:9px}.tanki-profiles .favorites-toggle{font-size:0;gap:0;width:34px;padding:4px}.tanki-profiles .favorites-toggle>span{font-size:20px}.tanki-profiles .search-button{padding:4px 12px;font-size:13px}.tanki-profiles .player-search h2{font-size:15px}.tanki-profiles .profile-tabs{width:100%;gap:5px}.tanki-profiles .profile-tabs>a{flex:1;padding:7px 6px;text-align:center;font-size:12px}.tanki-profiles .profile-server-status{font-size:10px}.tanki-profiles .leaderboard th,.tanki-profiles .leaderboard td{padding:7px 9px}.tanki-profiles .leaderboard th:first-child,.tanki-profiles .leaderboard td:first-child{width:30px}.tanki-profiles .leaderboard th:nth-child(3),.tanki-profiles .leaderboard td:nth-child(3){display:none}.tanki-profiles .leaderboard-heading{padding:12px}.tanki-profiles .leaderboard-heading h2{font-size:18px}.tanki-profiles .table-footer{padding:10px 12px}.tanki-profiles .profile-site-logo>span:last-child{font-size:47px}.tanki-profiles .profile-logo-emblem{width:49px;height:52px}.tanki-profiles .profile-site-logo small{font-size:8px;letter-spacing:3.7px}.tanki-profiles .profile-masthead h1{font-size:11px}.tanki-profiles .rank-entry{padding:7px;gap:7px}.tanki-profiles .rank-entry img{width:27px;height:27px}.tanki-profiles .rank-entry h3{font-size:11px}.tanki-profiles .rank-entry p,.tanki-profiles .rank-entry small{font-size:9px}.tanki-profiles .download-panel{padding:12px}.tanki-profiles .download-panel .button-primary{width:100%;justify-content:center}.tanki-profiles .footer{font-size:10px}.tanki-profiles .footer>p{display:none}}
@media(max-width:520px){.tanki-profiles .navigation-links{gap:20px;min-width:0}.tanki-profiles .navigation-links a{font-size:10px}.tanki-profiles .brand-word{font-size:16px}.tanki-profiles .navigation{gap:7px}.tanki-profiles .navigation-actions{gap:7px}.tanki-profiles .nav-play{font-size:10px;padding:4px 8px}}
@media(prefers-reduced-motion:reduce){.tanki-profiles *{scroll-behavior:auto!important;transition:none!important}}
