.tcka-identity{--id-ink:var(--text,#eeeae1);--id-muted:var(--muted,#a6b2bd);--id-surface:var(--surface,#152332);--id-line:var(--line,#b2c3cf26);--id-tone:#96cddd;--id-tone-rgb:150,205,221;color:var(--id-ink);font-family:Manrope,'Segoe UI',sans-serif}
.tcka-identity[data-tone=copper],.tcka-medal-art[data-tone=copper]{--id-tone:#e4a584;--id-tone-rgb:228,165,132}.tcka-identity[data-tone=mint],.tcka-medal-art[data-tone=mint]{--id-tone:#83c4ad;--id-tone-rgb:131,196,173}.tcka-identity[data-tone=violet],.tcka-medal-art[data-tone=violet]{--id-tone:#b9a1e5;--id-tone-rgb:185,161,229}.tcka-identity[data-tone=gold],.tcka-medal-art[data-tone=gold]{--id-tone:#dfc17b;--id-tone-rgb:223,193,123}.tcka-identity[data-tone=sky],.tcka-medal-art[data-tone=sky]{--id-tone:#96cddd;--id-tone-rgb:150,205,221}
[data-theme=light] .tcka-identity,[data-tcka-theme=light] .tcka-identity{--id-tone:#316f88;--id-tone-rgb:49,111,136}[data-theme=light] [data-tone=copper],[data-tcka-theme=light] [data-tone=copper]{--id-tone:#a25434;--id-tone-rgb:162,84,52}[data-theme=light] [data-tone=mint],[data-tcka-theme=light] [data-tone=mint]{--id-tone:#2d7a61;--id-tone-rgb:45,122,97}[data-theme=light] [data-tone=violet],[data-tcka-theme=light] [data-tone=violet]{--id-tone:#7553a3;--id-tone-rgb:117,83,163}[data-theme=light] [data-tone=gold],[data-tcka-theme=light] [data-tone=gold]{--id-tone:#896824;--id-tone-rgb:137,104,36}
.tcka-overline{font:10px/1.4 Consolas,'Courier New',monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--id-muted)}
.tcka-head-orbit{--head-size:104px;position:relative;display:grid;place-items:center;width:calc(var(--head-size) + 40px);height:calc(var(--head-size) + 40px);isolation:isolate;margin-inline:auto}
.tcka-head-orbit:before,.tcka-head-orbit:after{content:'';position:absolute;inset:2px;border:1px solid rgba(var(--id-tone-rgb),.34);transform:rotate(9deg);transition:transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tcka-head-orbit:after{inset:10px;transform:rotate(-5deg);border-color:rgba(var(--id-tone-rgb),.18)}
.tcka-head-orbit:hover:before{transform:rotate(-3deg)}.tcka-head-orbit:hover:after{transform:rotate(6deg)}
.tcka-head-frame{width:var(--head-size);height:var(--head-size);position:relative;padding:8px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(var(--id-tone-rgb),.2),transparent 70%),var(--id-surface);border:1px solid var(--id-tone);box-shadow:0 0 40px rgba(var(--id-tone-rgb),.07),inset 0 0 0 4px var(--id-surface)}
.tcka-head-frame img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;filter:drop-shadow(5px 7px 0 #0002);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.tcka-head-frame:hover img{transform:translateY(-3px) rotate(-3deg)}
.tcka-head-frame:before,.tcka-head-frame:after{content:'';position:absolute;width:12px;height:12px;border-color:var(--id-tone);border-style:solid;z-index:2}.tcka-head-frame:before{left:-5px;top:-5px;border-width:2px 0 0 2px}.tcka-head-frame:after{right:-5px;bottom:-5px;border-width:0 2px 2px 0}
.tcka-head-orbit>i{position:absolute;width:5px;height:5px;background:var(--id-tone);right:7px;top:15px;box-shadow:0 0 15px rgba(var(--id-tone-rgb),.5);animation:tcka-orbit-light 5s ease-in-out infinite}.tcka-head-fallback{font:700 40px 'Barlow Condensed',sans-serif;color:var(--id-tone)}
.tcka-rank-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--id-tone-rgb),.09);border:1px solid rgba(var(--id-tone-rgb),.32);color:var(--id-tone);padding:7px 12px;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.02em;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.tcka-rank-badge:before{content:'';width:5px;height:5px;background:currentColor;rotate:45deg}
.tcka-guild-banner{display:flex;align-items:center;gap:12px;border-left:2px solid var(--id-tone);background:linear-gradient(90deg,rgba(var(--id-tone-rgb),.1),transparent);padding:13px 14px;color:var(--id-ink)}.tcka-guild-banner>svg{width:27px;height:32px;flex-shrink:0;color:var(--id-tone)}.tcka-guild-banner>span{display:grid;gap:3px;min-width:0}.tcka-guild-banner strong{font-size:13px;font-weight:650;overflow-wrap:anywhere}.tcka-guild-banner small{color:var(--id-muted);font-size:10px;line-height:1.5}
.tcka-medal-art{--id-tone:#dfc17b;--id-tone-rgb:223,193,123;position:relative;display:grid;place-items:center;width:105px;height:105px;flex-shrink:0;isolation:isolate;color:var(--id-tone);filter:drop-shadow(0 8px 14px #0002);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.tcka-medal-art:before{content:'';position:absolute;inset:9px;background:linear-gradient(145deg,rgba(var(--id-tone-rgb),.32),rgba(var(--id-tone-rgb),.04));clip-path:polygon(50% 0,83% 12%,100% 50%,83% 88%,50% 100%,17% 88%,0 50%,17% 12%);border:1px solid rgba(var(--id-tone-rgb),.6)}
.tcka-medal-art:after{content:'';position:absolute;inset:0;border:1px dashed rgba(var(--id-tone-rgb),.35);border-radius:50%;animation:tcka-medal-orbit 28s linear infinite;pointer-events:none}.tcka-medal-art svg{position:relative;width:62%;height:62%;stroke:currentColor;stroke-width:1.5;fill:rgba(var(--id-tone-rgb),.12);stroke-linejoin:round;z-index:1}.tcka-medal-art:hover{transform:translateY(-4px) rotate(-5deg)}
.tcka-medal-art>i{position:absolute;left:49%;top:0;width:4px;height:4px;background:var(--id-tone);box-shadow:0 0 12px rgba(var(--id-tone-rgb),.7)}
.tcka-medal-lore{line-height:1.6;font-size:11px;color:var(--id-muted);overflow-wrap:anywhere}.tcka-medal-lore p{margin:7px 0;color:inherit;font-size:inherit}.tcka-medal-lore time{display:block;padding-top:9px;margin-top:10px;border-top:1px solid var(--id-line);font:9px/1.5 Consolas,monospace}
@keyframes tcka-orbit-light{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(8px);opacity:1}}@keyframes tcka-medal-orbit{to{transform:rotate(360deg)}}
[data-tcka-motion=off] .tcka-identity *,[data-tcka-motion=off] .tcka-identity *:before,[data-tcka-motion=off] .tcka-identity *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.tcka-identity *,.tcka-identity *:before,.tcka-identity *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
