/* BARON TURNIR — dodaci za račune, novčanik, ljestvicu, arhivu, profil i admin */

/* ---------- top wallet chip ---------- */
.tw{margin-left:auto;display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:var(--panel2);text-decoration:none;color:var(--text);overflow:hidden;min-height:42px}
.tw-main{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:700}
.tw-bonus{display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-left:1px solid var(--line);background:rgba(240,171,252,.07);line-height:1.1}
.tw-bonus small{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--pink)}
.tw-bonus .num{font-size:13px;color:var(--pink)}
.tw-bonus.off{display:none}
.tw .coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E9D5FF,#8B5CF6 60%,#4C1D95);box-shadow:0 0 0 2px rgba(196,181,253,.25)}
.tb .icons{margin-left:0}
@media (max-width:860px){.tw{margin-left:auto}.tw-main{padding:0 10px;font-size:14px}.tw-bonus{padding:0 9px}}

/* ---------- auth overlay ---------- */
.auth{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:radial-gradient(1200px 600px at 20% 0%,#2B1550 0%,transparent 60%),radial-gradient(900px 500px at 100% 100%,#3b0d4f 0%,transparent 55%),var(--bg);overflow-y:auto}
.auth[hidden]{display:none!important}
.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px 22px;box-shadow:0 40px 80px -20px rgba(0,0,0,.7)}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.auth-brand .bcard{width:34px;height:48px;transform:rotate(-8deg)}
.auth-brand b{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:.14em}
.auth-tag{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--gold2);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.auth-lead{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 16px}
.auth-tabs{margin-bottom:16px}
#authForm{display:grid;gap:12px}
#authForm .betbtn{width:100%;margin-top:4px}
.auth-err{margin:0;color:#FCA5A5;background:rgba(240,82,82,.1);border:1px solid rgba(240,82,82,.35);border-radius:10px;padding:9px 12px;font-size:13px}
.auth-err[hidden]{display:none}
.auth-hint{margin:0;text-align:center}
.auth-foot{margin:16px 0 0;text-align:center}
.note{color:var(--dim);font-size:13px;line-height:1.5}

/* ---------- lobby: tournament + wallet panel ---------- */
.tour{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;margin-bottom:22px}
.wpanel,.spanel{background:linear-gradient(135deg,var(--panel) 30%,#24113f);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}
.spanel{background:linear-gradient(135deg,#2B1550,#150B24 70%);position:relative;overflow:hidden}
.wp-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.wp-h h2{margin:0;font-family:var(--display);font-size:17px}
.wp-h .pill{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--gold2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}
.wbal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.wbal>div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.wbal small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--dim);margin-bottom:4px;text-transform:uppercase}
.wbal .num{font-size:22px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.wbal .bon .num{color:var(--pink)}
.wbal .bon small{color:var(--pink)}
.wager{margin-bottom:14px}
.wager .wl{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);margin-bottom:6px}
.wager .wl b{font-family:var(--mono);color:var(--text)}
.wager.done .bar i{background:linear-gradient(90deg,#16A34A,#4ADE80)}
.wfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wfoot .betbtn{flex:1 1 220px;font-size:15px;min-height:50px}
.cd{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.cd svg{width:16px;height:16px;color:var(--gold2)}
.cd b{font-family:var(--mono);color:var(--text);font-size:15px}
.wnote{margin:12px 0 0;font-size:12px;color:var(--dim);line-height:1.5}
.sp-rank{display:flex;align-items:baseline;gap:8px;margin:2px 0 12px}
.sp-rank .num{font-family:var(--display);font-size:40px;font-weight:800;line-height:1}
.sp-rank span{color:var(--muted);font-size:13px}
.prize{display:flex;align-items:center;gap:12px;background:rgba(245,197,66,.08);border:1px solid rgba(245,197,66,.3);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.prize svg{width:26px;height:26px;color:#F5C542;flex:none}
.prize small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#F5C542;text-transform:uppercase}
.prize b{font-size:15px}
.mini{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:4px}
.mini li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 10px;border-radius:9px;background:rgba(13,7,22,.5);font-size:14px}
.mini li .n{font-family:var(--mono);color:var(--dim);font-size:12px}
.mini li .nk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini li .v{font-family:var(--mono)}
.mini li.me{background:rgba(124,58,237,.28);box-shadow:inset 3px 0 0 var(--gold)}
.spanel .btn{width:100%}
@media (max-width:1000px){.tour{grid-template-columns:1fr}}
@media (max-width:520px){.wbal .num{font-size:19px}.wpanel,.spanel{padding:16px}.sp-rank .num{font-size:34px}}

/* ---------- leaderboard ---------- */
.lbtop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.lbtop .kpi .v{font-size:19px}
.lb .tbl td{font-size:15px}
.lb .rk{width:56px;font-family:var(--mono);color:var(--dim)}
.lb tr.me td{background:rgba(124,58,237,.22)}
.lb tr.me td:first-child{box-shadow:inset 3px 0 0 var(--gold)}
.lb tr.p1 .rk{color:#F5C542;font-weight:800}
.lb tr.p2 .rk{color:#CBD5E1;font-weight:800}
.lb tr.p3 .rk{color:#D97706;font-weight:800}
.lb a.nk{color:var(--text);text-decoration:none}
.lb a.nk:hover{text-decoration:underline}
.youtag{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#fff;background:var(--purple);border-radius:999px;padding:2px 7px;vertical-align:middle}
.crown{display:inline-block;width:15px;height:15px;color:#F5C542;vertical-align:-2px;margin-right:4px}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--green);letter-spacing:.08em}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (max-width:640px){.lbtop{grid-template-columns:1fr 1fr}.lbtop .kpi:last-child{grid-column:1/-1}.lb .tbl td,.lb .tbl th{padding:10px 8px}.lb .rk{width:40px}}

/* ---------- archive ---------- */
.arch{display:grid;gap:12px}
.arch details{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.arch summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:16px 18px;align-items:center}
.arch summary::-webkit-details-marker{display:none}
.arch summary h3{margin:0;font-family:var(--display);font-size:16px}
.arch summary .meta{grid-column:1/-1;display:flex;gap:6px 16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.arch summary .meta b{color:var(--text)}
.arch summary .chev{width:18px;height:18px;transition:transform .2s;color:var(--dim)}
.arch details[open] summary .chev{transform:rotate(90deg)}
.arch .win{display:inline-flex;align-items:center;gap:6px;color:#F5C542;font-weight:800}
.arch .body{padding:0 10px 10px}
.arch .tag{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold2);border:1px solid var(--line);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:middle}

/* ---------- profile ---------- */
.prof-h{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.avatar{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:26px;color:#fff;background:linear-gradient(135deg,#7C3AED,#F0ABFC);flex:none}
.prof-h h1{margin:0;font-family:var(--display);font-size:24px;word-break:break-all}
.prof-h p{margin:4px 0 0;color:var(--dim);font-size:13px}
.prof-h .sp{flex:1}
.kpi .v.g{color:var(--green)}
.kpi .v.r{color:var(--red)}
.kpi small{display:block;color:var(--dim);font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pgrid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}
.pgrid2 .card h3{margin:0 0 10px;font-family:var(--display);font-size:16px}
.gbars{display:grid;gap:8px}
.gbars div{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.gbars span.b{height:8px;border-radius:999px;background:var(--panel3);overflow:hidden}
.gbars span.b i{display:block;height:100%;background:linear-gradient(90deg,#7C3AED,#F0ABFC)}
.gbars .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.gbars .c{font-family:var(--mono);color:var(--dim)}
.pwform{display:grid;gap:10px;max-width:420px}
.pwform .row{display:flex;gap:10px;flex-wrap:wrap}
.okmsg{color:var(--green);font-size:13px;margin:0}
.errmsg{color:#FCA5A5;font-size:13px;margin:0}
.win{color:var(--green)}
.lose{color:var(--red)}
@media (max-width:860px){.pgrid2{grid-template-columns:1fr}}

/* ---------- admin ---------- */
.adm-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
.adm-tools .card h3{margin:0 0 6px;font-family:var(--display);font-size:16px}
.adm-tools .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:10px}
.adm-tools .row .fld{flex:1 1 180px}
.adm .tbl td{vertical-align:middle;font-size:14px}
.adm .st{font-size:11px;font-weight:800;letter-spacing:.1em;border-radius:999px;padding:2px 8px;border:1px solid var(--line);white-space:nowrap}
.adm .st.b{color:#FCA5A5;border-color:rgba(240,82,82,.4)}
.adm .st.a{color:var(--gold2)}
.adm tr.blk td{opacity:.6}
.adm tr.open td{background:rgba(124,58,237,.12)}
.adm-act{display:grid;gap:10px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.adm-act .row{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.adm-act .row .inp{flex:1 1 140px}
.adm-act .btn{min-height:44px}
.btn.danger{background:rgba(240,82,82,.14);border-color:rgba(240,82,82,.45);color:#FCA5A5}
.btn.danger.sure{background:#DC2626;color:#fff;border-color:#DC2626}
.btn.ok{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#86EFAC}
.btn.sm{min-height:36px;padding:6px 12px;font-size:13px}
@media (max-width:860px){.adm-tools{grid-template-columns:1fr}}

/* ---------- misc ---------- */
.rules{display:grid;gap:12px;max-width:820px}
.rules .card h3{margin:0 0 8px;font-family:var(--display);font-size:16px}
.rules .card p,.rules .card li{color:var(--muted);line-height:1.6;font-size:14px}
.rules .card ul{margin:0;padding-left:18px}
.loading{padding:40px 0;text-align:center;color:var(--dim)}
.loading::before{content:"";display:block;width:28px;height:28px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--panel3);border-top-color:var(--gold);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.srvnote{display:inline-flex;align-items:center;gap:6px;color:var(--dim);font-size:12px}
.srvnote svg{width:14px;height:14px}
.gp .betbtn{width:100%}
body.busy-auth .shell,body.busy-auth .mnav{visibility:hidden}
.cups.blind .cup-u{filter:brightness(.35) saturate(.4) blur(1.2px)}
.cups.blind::after{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,rgba(13,7,22,.15),rgba(13,7,22,.75));pointer-events:none;border-radius:inherit}
[hidden]{display:none!important}

/* ---------- v2: obavijest, admin postavke ---------- */
.notice{margin:14px 24px 0;padding:11px 16px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.45;border:1px solid;white-space:pre-line}
.notice.k-info{background:rgba(139,92,246,.14);border-color:rgba(167,139,250,.45);color:#E9DDFF}
.notice.k-vazno{background:rgba(245,197,66,.13);border-color:rgba(245,197,66,.5);color:#FDE7A6}
.notice.k-uspjeh{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.45);color:#BBF7D0}
@media (max-width:860px){.notice{margin:10px 12px 0}}
.prize-more{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.auth-tabs.one{grid-template-columns:1fr}
.atabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:5px;margin-bottom:16px}
.atabs button{flex:1 1 auto;border:0;background:none;border-radius:10px;padding:9px 14px;color:var(--muted);font-weight:800;min-height:40px}
.atabs button.on{background:var(--panel3);color:var(--text)}
.atabs button:hover{color:var(--text)}
.adm-bar{display:flex;justify-content:flex-end;margin-bottom:6px}
.adm-bar .search{flex:0 1 320px}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px;align-items:start}
.adm-grid .card{display:grid;gap:12px}
.adm-grid .card h3{margin:0;font-family:var(--display);font-size:16px}
.adm-grid .card .note{margin:0}
.adm-grid .row,.adm-act .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fgrid{display:grid;gap:10px}
.tarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:600 14px/1.5 var(--ui);color:var(--text);resize:vertical;min-height:70px}
.tarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.tin{flex:1 1 200px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px;font:600 14px var(--ui);color:var(--text)}
.adm-h{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-top:4px}
.sw{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.sw input{position:absolute;opacity:0;width:1px;height:1px}
.sw span{width:42px;height:24px;border-radius:999px;background:var(--panel3);border:1px solid var(--line);position:relative;transition:background .2s;flex:none}
.sw span::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#8E80A8;transition:transform .2s,background .2s}
.sw input:checked+span{background:#16A34A;border-color:#16A34A}
.sw input:checked+span::after{transform:translateX(18px);background:#fff}
.sw input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.sw b{font-size:14px}
.chk{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:#E8392E}
.gname{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.gname svg{width:34px;height:34px;border-radius:9px;padding:4px;flex:none}