/*! Stake-Only | (c) 2026 Kcalb Ltd. All rights reserved. | Powered by KcalbApp | https://kcalbapp.com */
.fiche { position: fixed; inset: 0; z-index: 7000; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; padding: 64px 16px 16px; overflow: auto; background: rgba(5,5,12,.72); backdrop-filter: blur(4px); }
.fiche-pop { position: relative; width: min(820px, 100%); min-width: 0; border: 1px solid var(--color-border-purple); border-radius: var(--radius-18); background: var(--background-dark); box-shadow: 0 30px 70px rgba(0,0,0,.5); }
.fiche-banner { height: 128px; border-radius: var(--radius-18) var(--radius-18) 0 0; background: url(/frontend/images/webp/site/banner-deco.webp) center / cover, linear-gradient(120deg, var(--color-purple-fill-strong), var(--color-purple-fill-light) 45%, var(--color-cyan-fill)); }
.fiche-body { display: flex; align-items: center; gap: 30px; padding: 22px 30px 28px; }
.fiche-close { position: absolute; z-index: 5; top: 10px; right: 10px; display: grid; place-items: center; box-sizing: border-box; width: 36px; height: 36px; margin: 0; padding: 0; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; background: rgba(8,8,18,.66); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-size: 16px; font-weight: 700; line-height: 1; text-shadow: 0 1px 2px rgba(0,0,0,.6); box-shadow: 0 0 0 1px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.45); cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background-color .15s; }
.fiche-close:hover { background: rgba(8,8,18,.86); }
.fiche-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.45), 0 0 0 5px rgba(8,8,18,.8); }
@media (max-width: 720px), (pointer: coarse) { .fiche-close { width: 44px; height: 44px; font-size: 18px; } }
@media (prefers-reduced-motion: reduce) { .fiche-close { transition: none; } }
.fiche-info { flex: 1; min-width: 0; }
.fiche-title { margin-bottom: 12px; font-size: 28px; font-weight: var(--font-weight-850); color: var(--color-text); overflow-wrap: anywhere; }
.fiche-bio { margin: -6px 0 12px; font-size: var(--font-size-13); line-height: 1.45; color: var(--color-text); overflow-wrap: anywhere; }
.fiche-bio-line { display: block; }
.fiche-bio-line + .fiche-bio-line { margin-top: 3px; }
.fiche-web::after { content: "\2197"; margin-left: 4px; font-size: .9em; font-weight: var(--font-weight-400, 400); color: var(--color-text-muted); }
.fiche-web:hover::after { color: var(--color-text); }
.fiche-line { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; border-top: 1px solid var(--color-border); }
.fiche-label { flex: 0 0 112px; font-size: var(--font-size-10); font-weight: var(--font-weight-850); letter-spacing: .14em; text-transform: uppercase; color: var(--color-purple-soft); }
.fiche-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--font-size-13); font-weight: var(--font-weight-700); color: var(--color-text); text-decoration: none; }
.fiche-socials { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; min-width: 0; }
.fiche-soc { display: grid; place-items: center; width: 34px; height: 34px; overflow: hidden; border-radius: 50%; }
.fiche-soc-x { background: #000; color: #fff; }
.fiche-soc-tg { background: #229ed9; color: #fff; }
.fiche-soc-li { background: #0a66c2; color: #fff; }
.fiche-soc-gh { background: #181717; color: #fff; }
.fiche-soc-ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); color: #fff; }
.fiche-soc-dc { background: #5865f2; color: #fff; }
.fiche-soc-yt { background: #ff0000; color: #fff; }
.fiche-soc-tt { background: #000; color: #fff; }
.fiche-soc-fb { background: #1877f2; color: #fff; }
.fiche-soc-th { background: #000; color: #fff; }
.fiche-soc-lt { background: #43e660; color: #000; }
.fiche-soc-rd { background: #ff4500; color: #fff; }
.fiche-soc-wa { background: #25d366; color: #fff; }
.fiche-soc img { width: 100%; height: 100%; }
.fiche-coins { display: flex; gap: 8px; }
.fiche-coin { width: 30px; height: 30px; border-radius: 50%; background: #fff; object-fit: cover; box-shadow: 0 0 0 1px var(--color-border); }
.fiche-addr { padding: 0; border: 0; background: none; font-family: var(--font-code); cursor: pointer; }
.fiche-addr--pos, .fiche-addr--evm { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; }
.fiche-addr--pos::before, .fiche-addr--evm::before { content: ''; flex: none; width: 16px; height: 16px; border-radius: 50%; background: center / contain no-repeat; }
.fiche-addr--pos::before { background-image: url(/frontend/images/webp/logo/cronos-pos.webp); }
.fiche-addr--evm::before { background-image: url(/frontend/images/webp/logo/cronos-evm.webp); }
.fiche-addr.is-done { color: var(--color-success); }
.fiche-soc svg { width: 16px; height: 16px; }
.fiche-link { max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 12px; border: 1px solid var(--color-border-purple); border-radius: var(--radius-999); color: var(--color-text); font-size: var(--font-size-12); font-weight: var(--font-weight-700); text-decoration: none; }
.fiche-right { flex: 0 0 360px; max-width: 100%; }
.fiche-stage { width: 100%; aspect-ratio: 360 / 226; perspective: 1100px; cursor: pointer; }
.fiche-stage:focus-visible { outline: 2px solid var(--color-purple-soft); outline-offset: 6px; border-radius: 18px; }
.fiche-flip { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .8s cubic-bezier(.3,.7,.2,1); }
.fiche-flip.is-back { transform: rotateY(180deg); }
.fiche-tilt { width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .15s ease-out; animation: fiche-rise .9s cubic-bezier(.2,.8,.2,1) both; }
@keyframes fiche-rise { from { transform: translateY(40px) rotateX(38deg) rotateY(-28deg) scale(.86); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .fiche-tilt { animation: none; transition: none; } .fiche-flip { transition: none; } .fiche-ksat { transition: none; } }
.fiche-card { --emb: -1px -1px 0 rgba(255,255,255,.38), 1px 1px 0 rgba(0,0,0,.75), 2px 3px 4px rgba(0,0,0,.45); --line: rgba(255,255,255,.035); position: absolute; inset: 0; overflow: hidden; border-radius: 18px; background: var(--bg); color: var(--ink); backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 0 30px 55px rgba(0,0,0,.65), inset 0 0 0 1px var(--edge), inset 0 2px 1px rgba(255,255,255,.28), inset 0 -2px 2px rgba(0,0,0,.55); }
.fiche-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.16), transparent 55%), radial-gradient(90% 80% at 100% 100%, rgba(0,0,0,.5), transparent 60%), repeating-radial-gradient(circle at 105% 115%, transparent 0 13px, var(--line) 13px 14px), repeating-linear-gradient(91deg, rgba(255,255,255,.035) 0 1px, transparent 1px 3px); }
.fiche-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(112deg, transparent 30%, rgba(255,255,255,.2) 46%, rgba(255,255,255,.04) 52%, transparent 62%); transform: translateX(var(--sh, -22%)); transition: transform .15s ease-out; }
.fiche-back { transform: rotateY(180deg); }
.fiche-card > * { position: absolute; z-index: 1; }
.fiche-big { left: 6.6%; top: 36%; text-shadow: var(--emb); }
.fiche-big span { display: block; margin-bottom: 4px; font-size: 9px; font-weight: 700; letter-spacing: .24em; opacity: .8; }
.fiche-big b { font-family: var(--font-code); font-size: 30px; font-weight: 700; letter-spacing: .08em; }
.fiche-brand { left: 6.6%; top: 9.7%; display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 800; letter-spacing: .32em; text-shadow: var(--emb); }
.fiche-brand img { width: 22px; height: 22px; border-radius: 6px; filter: grayscale(1) contrast(1.1); opacity: .85; }
.fiche-role { right: 6.6%; top: 7%; width: 40px; height: 40px; background: var(--foil); -webkit-mask: var(--ri) center / contain no-repeat; mask: var(--ri) center / contain no-repeat; }
.fiche-ava { left: 6.6%; top: 33.6%; width: 54px; height: 54px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--ring), 0 0 0 3px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.5); }
.fiche-name { left: 6.6%; bottom: 17.7%; max-width: 66%; overflow: hidden; white-space: nowrap; font-family: var(--font-code); font-size: 18px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; text-shadow: var(--emb); }
.fiche-name.is-long { font-size: 14px; letter-spacing: .1em; }
.fiche-since { left: 6.6%; bottom: 9.7%; font-size: 9px; font-weight: 700; letter-spacing: .24em; opacity: .8; text-shadow: var(--emb); }
.fiche-tier { right: 6.6%; bottom: 8.8%; text-align: right; text-shadow: var(--emb); }
.fiche-tier span { display: block; margin-bottom: 4px; font-size: 9px; font-weight: 700; letter-spacing: .24em; opacity: .8; }
.fiche-tier b { margin-right: -.2em; font-size: 22px; font-weight: 850; letter-spacing: .2em; }
.fiche-newbie { --bg: linear-gradient(128deg,#2b3c66,#111a33 40%,#22325a 62%,#070b18); --edge: rgba(190,205,240,.45); --ink: #c7d2ea; --foil: linear-gradient(135deg,#f2f5fb,#8d9ab8); --ring: #aab6d2; }
.fiche-holder { --bg: linear-gradient(128deg,#b08a35,#6e5216 40%,#a37e2c 62%,#3f2e0a); --edge: rgba(255,226,150,.55); --ink: #f0d283; --foil: linear-gradient(135deg,#fff1bf,#c39a3c); --ring: #e6c56c; }
.fiche-bull { --bg: radial-gradient(70% 90% at 20% 10%, rgba(255,214,235,.55), transparent 60%), radial-gradient(70% 90% at 90% 80%, rgba(190,225,255,.6), transparent 60%), linear-gradient(128deg,#fffdf8,#ebe6ee 40%,#faf6ee 62%,#d5dbe6); --edge: rgba(255,255,255,.9); --ink: #5f5868; --foil: linear-gradient(135deg,#8f8799,#57505f); --ring: #fff; --line: rgba(90,80,120,.05); --emb: -1px -1px 0 #fff, 1px 1px 1px rgba(70,60,95,.5), 2px 3px 4px rgba(70,60,95,.2); }
.fiche-whale { --bg: linear-gradient(128deg,#242427,#0b0b0d 40%,#19191c 62%,#020203); --edge: rgba(210,214,222,.35); --ink: #b9bcc4; --foil: linear-gradient(135deg,#f0f1f4,#7d818b); --ring: #9a9da6; --line: rgba(255,255,255,.03); }
.fiche-acts { display: flex; gap: 8px; margin-top: 12px; }
.fiche-btn { flex: 1; min-height: 38px; padding: 9px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-999); background: none; color: var(--color-text); font: inherit; font-size: var(--font-size-12); font-weight: var(--font-weight-700); text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; }
.fiche-kshare { position: absolute; z-index: 4; top: 40px; left: 84px; display: grid; place-items: center; width: 40px; height: 40px; }
.fiche-kshare:hover::before, .fiche-kshare.is-open::before { content: ""; position: absolute; inset: -52px; border-radius: 50%; }
.fiche-kmain, .fiche-ksat { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: #14132b; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.45); cursor: pointer; transition: transform .3s, opacity .3s; }
.fiche-kmain { position: relative; z-index: 2; }
.fiche-kmain svg { width: 18px; height: 18px; } .fiche-ksat svg { width: 17px; height: 17px; }
.fiche-kmain.is-done { color: var(--color-success); }
.fiche-ksat { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; }
.fiche-kshare:hover .fiche-ksat, .fiche-kshare:focus-within .fiche-ksat, .fiche-kshare.is-open .fiche-ksat { opacity: 1; pointer-events: auto; }
.fiche-kshare:hover .fiche-ksat-co, .fiche-kshare:focus-within .fiche-ksat-co, .fiche-kshare.is-open .fiche-ksat-co { transform: translate(-62px, 0px); }
.fiche-kshare:hover .fiche-ksat-x, .fiche-kshare:focus-within .fiche-ksat-x, .fiche-kshare.is-open .fiche-ksat-x { transform: translate(-44px, 44px); }
.fiche-kshare:hover .fiche-ksat-wa, .fiche-kshare:focus-within .fiche-ksat-wa, .fiche-kshare.is-open .fiche-ksat-wa { transform: translate(0px, 62px); }
.fiche-kshare:hover .fiche-ksat-tg, .fiche-kshare:focus-within .fiche-ksat-tg, .fiche-kshare.is-open .fiche-ksat-tg { transform: translate(-44px, -44px); }
.fiche-kshare:hover .fiche-ksat-rd, .fiche-kshare:focus-within .fiche-ksat-rd, .fiche-kshare.is-open .fiche-ksat-rd { transform: translate(0px, -62px); }
.fiche-kshare:hover .fiche-ksat-li, .fiche-kshare:focus-within .fiche-ksat-li, .fiche-kshare.is-open .fiche-ksat-li { transform: translate(44px, 44px); }
.fiche-kshare:hover .fiche-ksat-fb, .fiche-kshare:focus-within .fiche-ksat-fb, .fiche-kshare.is-open .fiche-ksat-fb { transform: translate(44px, -44px); }
.fiche-kshare:hover .fiche-ksat-em, .fiche-kshare:focus-within .fiche-ksat-em, .fiche-kshare.is-open .fiche-ksat-em { transform: translate(62px, 0px); }
@media (max-width: 720px) { .fiche-body { flex-direction: column-reverse; align-items: stretch; gap: 18px; padding: 18px 18px 20px; } .fiche-right { flex: none; align-self: center; width: min(360px, 100%); } .fiche-banner { height: 128px; } }
@media (max-width: 420px) { .fiche-ava { width: 44px; height: 44px; top: 30%; } .fiche-name { font-size: 16px; } .fiche-name.is-long { max-width: 58%; font-size: 12px; } .fiche-tier b { font-size: 19px; } .fiche-big b { font-size: 26px; } }
.fiche-page { display: flex; justify-content: center; width: 100%; padding-top: 48px; }
.fiche-page .fiche-kshare { left: auto; right: 84px; }
.fiche-front-got { right: 6.6%; top: 33%; text-align: right; text-shadow: var(--emb); }
.fiche-front-got span { display: block; margin-bottom: 3px; font-size: 9px; font-weight: 700; letter-spacing: .24em; opacity: .8; }
.fiche-front-got b { display: block; font-family: var(--font-code); font-size: 24px; font-weight: 700; letter-spacing: .04em; line-height: 1.1; }
.fiche-front-kcb { display: block; margin-top: 5px; font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.fiche-hint { margin: 8px 0 0; font-size: 18px; line-height: 1; text-align: center; color: var(--color-text-muted); }
.fiche-sites { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; }
.fiche-back .fiche-big { top: 23%; right: 6.6%; }
.fiche-back .fiche-big b { font-size: 24px; }
.fiche-back-grid { left: 6.6%; right: 6.6%; top: 49%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 14px; }
.fiche-back-tok { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 11px; line-height: 1; text-shadow: var(--emb); }
.fiche-back-tok img { flex: none; width: 15px; height: 15px; border-radius: 50%; background: #fff; object-fit: cover; }
.fiche-back-tok b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-code); font-weight: 700; letter-spacing: .04em; }
.fiche-back-tok i { flex: none; font-style: normal; font-size: 9px; font-weight: 700; letter-spacing: .14em; opacity: .8; }
.fiche-addrs { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.fiche-back-grid.is-few { grid-template-columns: 1fr; gap: 8px; }
.fiche-back-grid.is-few .fiche-back-tok { font-size: 16px; gap: 9px; }
.fiche-back-grid.is-few .fiche-back-tok img { width: 24px; height: 24px; }
.fiche-back-grid.is-few .fiche-back-tok i { font-size: 11px; }
.fiche-kcb-ic { display: inline-flex; align-items: center; }
.fiche-kcb-ic::before { content: ""; flex: 0 0 auto; display: inline-block; width: .95em; height: .95em; margin-right: .45em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 12 L12 54 L29 76 H71 L88 54 Z' fill='none' stroke='%23000' stroke-width='9' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 12 L12 54 L29 76 H71 L88 54 Z' fill='none' stroke='%23000' stroke-width='9' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.fiche-front-kcb.fiche-kcb-ic { width: fit-content; margin-top: 10px; padding: 4px 10px 4px 8px; border-radius: 999px; border: 1px solid currentColor; line-height: 1; }
.fiche-wait-head { display: flex; align-items: center; gap: 14px; }
.fiche-wait-head .fiche-title { margin-bottom: 0; }
.fiche-wait-ava { flex: none; width: 48px; height: 48px; border-radius: var(--radius-12); object-fit: cover; background: var(--background-avatar); }
.fiche-wait-msg { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; min-height: 52px; margin: 14px 0 0; padding-top: 8px; border-top: 1px solid var(--color-border); font-size: var(--font-size-13); color: var(--color-text-muted); }
.fiche-retry { flex: none; padding: 0 16px; }
.fiche-claim { position: relative; display: flex; flex-direction: column; gap: 10px; margin: 16px 30px 0; padding: 12px 44px 12px 14px; border: 1px solid var(--color-border-purple); border-radius: var(--radius-14); background: var(--color-purple-fill); }
.fiche-claim[hidden], .fiche-claim-row[hidden] { display: none; }
.fiche-claim-msg { margin: 0; font-size: var(--font-size-13); font-weight: var(--font-weight-600); line-height: 1.45; color: var(--color-text); }
.fiche-claim-row { display: flex; gap: 8px; min-width: 0; }
.fiche-claim-url { flex: 1 1 auto; min-width: 0; height: 36px; padding: 0 12px; border: 1px solid var(--color-border-purple); border-radius: var(--radius-10); background: var(--background-dark); color: var(--color-text); font-size: var(--font-size-13); }
.fiche-claim-go { flex: 0 0 auto; height: 36px; margin: 0; padding: 0 16px; }
.fiche-claim-close { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--color-text-muted); font-size: 16px; line-height: 1; cursor: pointer; }
.fiche-claim-close:hover { color: var(--color-text); background: var(--color-purple-fill-strong); }
@media (max-width: 720px) { .fiche-claim { margin: 14px 18px 0; } }