
:root{
  --bg:oklch(0.16 0.014 255);
  --bg-dark:oklch(0.13 0.012 255);
  --panel:oklch(0.19 0.016 258);
  --panel-2:oklch(0.21 0.017 258);
  --panel-3:oklch(0.23 0.018 258);
  --line:oklch(0.30 0.02 258);
  --line-soft:oklch(0.26 0.018 258);
  --txt:oklch(0.93 0.008 250);
  --txt-strong:oklch(0.96 0.008 250);
  --muted:oklch(0.62 0.015 255);
  --muted-2:oklch(0.70 0.013 252);
  --gold:oklch(0.80 0.14 80);
  --gold-hi:oklch(0.86 0.13 82);
  --gold-dim:oklch(0.24 0.03 80);
  --purple:oklch(0.68 0.14 300);
  --green:oklch(0.82 0.13 145);
  --red:oklch(0.80 0.14 25);
  --r-s:8px; --r-m:10px; --r-l:13px;
  --f-body:Barlow,Helvetica,Arial,sans-serif;
  --f-head:Cinzel,Georgia,serif;
  --f-mono:'JetBrains Mono',Consolas,monospace;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{min-width:1360px;background:var(--bg);color:var(--txt);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;}
a{color:var(--gold);text-decoration:none;}
a:hover{color:var(--gold-hi);}
h1,h2,h3,h4{margin:0;font-family:var(--f-head);font-weight:700;color:var(--txt-strong);}
img{border:0;}
input,select,textarea,button{font-family:var(--f-body);}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.35}}

/* ---------- topbar ---------- */
#topbar{height:36px;background:var(--bg-dark);border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--muted);}
#topbar .in{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 40px;}
#topbar .l,#topbar .r{display:flex;align-items:center;gap:18px;}
#topbar .srv-name{display:flex;align-items:center;gap:7px;color:var(--txt);font-weight:600;}
#topbar .dot{width:7px;height:7px;border-radius:50%;background:oklch(0.72 0.17 145);animation:pulseDot 2.4s ease-in-out infinite;}
#topbar .rate{color:var(--gold);}
#topbar a{color:var(--muted);}
#topbar a:hover{color:var(--txt);}
#intl-selector{display:flex;gap:6px;}
#intl-selector .intl-box{width:18px;height:12px;cursor:pointer;opacity:.6;}
#intl-selector .intl-box:hover{opacity:1;}
#intl-selector .intl-box{width:20px;height:20px;}
#intl-selector #it{background:url('../image/flag_it.png') no-repeat center/contain;}
#intl-selector #en{background:url('../image/flag_en.png') no-repeat center/contain;}
.social{display:flex;gap:8px;}
.social a.fb{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:oklch(0.52 0.16 265);color:#fff;font-family:var(--f-body);font-size:15px;font-weight:700;line-height:1;padding-bottom:2px;box-sizing:border-box;text-decoration:none;}
.social a.fb:hover{background:oklch(0.60 0.16 265);color:#fff;}

/* ---------- nav ---------- */
#nav{position:sticky;position:-webkit-sticky;top:0;z-index:80;background:oklch(0.18 0.015 255);border-bottom:1px solid var(--line);box-shadow:0 8px 24px oklch(0.10 0.01 255 / .45);}
#nav{position:relative;}
#nav > .in{display:flex;align-items:center;gap:28px;height:72px;padding:0 40px;}
#nav #logo,#nav .groups,#nav #glossary-search,#nav #login-box,#nav #pg-chip{flex:none;}
#nav #logo{height:46px;width:190px;background:url('../image/logo2.png') no-repeat left center/contain;cursor:pointer;}
#nav .groups{display:flex;align-items:center;gap:26px;}
#nav .group{font-family:var(--f-head);font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--txt);cursor:pointer;padding:26px 0;white-space:nowrap;}
#nav .group:hover,#nav .group.on{color:var(--gold);}
#nav .spacer{flex:1;}

#nav .group:hover .mega{display:block;}
.mega{display:none;position:absolute;left:0;right:0;top:72px;white-space:normal;text-align:left;font-family:var(--f-body);font-weight:400;letter-spacing:0;color:var(--txt);cursor:default;background:oklch(0.20 0.016 258);border-bottom:1px solid oklch(0.32 0.02 258);box-shadow:0 20px 40px oklch(0.08 0.01 255 / .7);}
.mega.open{display:block;}
.mega .in{display:flex;align-items:flex-start;gap:48px;height:auto;padding:28px 40px 32px;}
.mega .side{flex:none;}
.mega .side{width:230px;}
.mega .side h4{font-size:18px;color:var(--gold);}
.mega .side p{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted);}
.mega .items{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px;}
.mega .item{display:block;padding:12px 14px;border:1px solid transparent;border-radius:var(--r-m);cursor:pointer;text-decoration:none;}
a.mega-item,.mega a.item{color:inherit;}
.mega .item:hover{border-color:oklch(0.44 0.07 80);background:oklch(0.235 0.022 80 / .5);}
.mega .item .t{font-size:14px;font-weight:700;color:var(--txt);}
.mega .item .d{margin-top:3px;font-size:12px;color:var(--muted);}

/* ---------- ricerca personaggio ---------- */
#glossary-search{display:flex;align-items:center;height:40px;border:1px solid oklch(0.34 0.02 258);border-radius:var(--r-m);background:var(--panel-2);overflow:hidden;}
#glossary-search #title{padding:0 12px;font-size:11px;letter-spacing:.06em;color:var(--muted);white-space:nowrap;}
#glossary-search select{height:38px;border:0;background:transparent;color:var(--txt);font-size:12px;outline:none;}
#glossary-search input{width:200px;height:38px;padding:0 10px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--txt);font-size:13px;outline:none;}
#glossary-search a{padding:0 14px;font-size:12px;font-weight:700;letter-spacing:.06em;}

/* ---------- login / chip personaggio ---------- */
#login-box{display:flex;align-items:center;gap:10px;}
#login-box a{display:flex;align-items:center;height:44px;padding:0 20px;border-radius:var(--r-m);font-size:14px;font-weight:600;white-space:nowrap;}
#login-box a.enter{border:1px solid oklch(0.34 0.02 258);color:var(--txt);}
#login-box a.enter:hover{border-color:var(--gold);color:var(--gold);}
#login-box a.reg{background:var(--gold);color:oklch(0.18 0.03 80);font-weight:700;}
#login-box a.reg:hover{background:var(--gold-hi);color:oklch(0.18 0.03 80);}

/* pagina di accesso */
.access{display:grid;grid-template-columns:1fr 1fr;min-height:520px;}
.access .left{padding:60px;background:oklch(0.15 0.013 255);}
.access .right{padding:60px;background:oklch(0.18 0.015 255);display:flex;flex-direction:column;justify-content:center;}
.access .bullets{display:flex;flex-direction:column;gap:16px;margin-top:26px;}
.access .bullets .b{display:flex;gap:12px;}
.access .bullets .b span.dotg{width:7px;height:7px;margin-top:7px;flex:none;border-radius:50%;background:var(--gold);}
.access .bullets .b .n{font-size:15px;font-weight:700;color:var(--txt);}
.access .bullets .b .d{margin-top:3px;font-size:13px;line-height:1.55;color:var(--muted);}
.access .links{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:13px;}

/* card community con icona colorata */
.ccard{display:flex;flex-direction:column;gap:8px;padding:22px;}
.ccard .mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:6px;font-size:13px;font-weight:700;line-height:1;color:oklch(0.16 0.014 255);}
.ccard .hd{display:flex;align-items:center;gap:9px;}
.ccard h3{font-family:var(--f-head);font-size:17px;font-weight:700;letter-spacing:0;}
.ccard .tx{font-size:14px;line-height:1.5;color:oklch(0.72 0.013 252);}
.ccard .cta{margin-top:6px;font-size:13px;font-weight:600;color:oklch(0.88 0.01 250);}

#pg-chip{position:relative;}
#pg-chip .chip{display:flex;align-items:center;gap:14px;height:44px;padding:0 14px;border:1px solid oklch(0.34 0.02 258);border-radius:var(--r-m);background:var(--panel-2);cursor:pointer;}
#pg-chip .chip:hover,#pg-chip.open .chip{border-color:var(--gold);}
#pg-chip #pg-face{width:25px;height:25px;background:url('../image/charfacesmall.png') no-repeat 0 0;transform:scale(1.28);}
#pg-chip .face-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:oklch(0.28 0.02 258);overflow:hidden;}
#pg-chip #pg-name{font-size:13px;font-weight:700;color:var(--txt);cursor:pointer;}
#pg-chip .meta{font-size:11px;color:var(--muted);white-space:nowrap;}
#pg-chip #pg-name{white-space:nowrap;}
#pg-chip #pg-cash span{white-space:nowrap;}
#pg-chip .sep{width:1px;height:26px;background:var(--line);}
#pg-chip #pg-cash{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:600;}
#pg-chip .arrow{font-size:10px;color:var(--muted);}
#pg-chip.open .arrow{transform:rotate(180deg);}

#pg-pop{display:none;position:absolute;right:0;top:52px;z-index:120;width:352px;border:1px solid oklch(0.36 0.02 258);border-radius:12px;background:oklch(0.20 0.016 258);box-shadow:0 24px 60px oklch(0.06 0.01 255 / .75);overflow:hidden;}
#pg-chip.open #pg-pop{display:block;}
#pg-pop .head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--panel-3);font-size:11px;letter-spacing:.12em;color:var(--muted);}
#pg-pop .row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;}
#pg-pop .row:hover{background:oklch(0.25 0.02 258);}
#pg-pop .row.sel{background:oklch(0.235 0.025 80 / .6);}
#pg-pop .row .face{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:oklch(0.27 0.02 258);overflow:hidden;flex:none;}
#pg-pop .row .face i{display:block;width:25px;height:25px;background:url('../image/charfacesmall.png') no-repeat;transform:scale(1.3);}
#pg-pop .row .cls{width:20px;height:20px;flex:none;background:url('../image/smallclasses.png') no-repeat;}
#pg-pop .row .info{flex:1;min-width:0;}
#pg-pop .row .info .n{font-size:13.5px;font-weight:700;color:oklch(0.90 0.01 250);}
#pg-pop .row.sel .info .n{color:oklch(0.95 0.06 82);}
#pg-pop .row .info .d{margin-top:2px;font-size:11px;color:var(--muted);}
#pg-pop .row .fac{width:25px;height:25px;flex:none;background:url('../image/factionsmall.png') no-repeat;}
#pg-pop .row .dot{width:20px;height:20px;flex:none;border:1px solid oklch(0.38 0.02 258);border-radius:50%;}
#pg-pop .row.sel .dot{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 6px oklch(0.20 0.03 80);}
#pg-pop .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:11px;color:var(--muted);}
#pg-pop .foot a{font-size:12px;font-weight:700;white-space:nowrap;}
#pg-pop .foot > span{line-height:1.45;}

/* ---------- banner lotteria ---------- */
#gold-lottery{display:none;align-items:center;gap:14px;width:330px;padding:16px 18px;border:1px solid oklch(0.52 0.14 45);border-radius:14px;background:linear-gradient(135deg,oklch(0.30 0.09 45) 0%,oklch(0.22 0.03 30) 100%);box-shadow:0 16px 40px oklch(0.08 0.01 255 / .55);cursor:pointer;}
#gold-lottery.show{display:flex;}
#gold-lottery:hover{border-color:oklch(0.72 0.16 50);}
#gold-lottery #stanley{width:55px;height:75px;margin:-14px 0;flex:none;background:url('../image/stanley.png') no-repeat center/contain;}
#gold-lottery #title{font-family:var(--f-head);font-size:15px;font-weight:700;letter-spacing:.04em;color:oklch(0.92 0.13 85);text-shadow:0 1px 2px oklch(0.15 0.02 40);}
#gold-lottery #lottery-time{margin-top:4px;font-family:var(--f-mono);font-size:14px;color:oklch(0.90 0.10 60);}

/* ---------- area contenuto ---------- */
#nav-box{min-height:600px;}
.page{padding:34px 40px 64px;}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.page h1{font-size:30px;}
.page .sub{margin-top:8px;font-size:15px;color:var(--muted-2);}
.eyebrow{font-size:11px;letter-spacing:.16em;color:oklch(0.60 0.09 82);}
.wrap{max-width:1040px;margin:0 auto;}
.wrap-wide{max-width:1120px;margin:0 auto;}

/* ---------- blocchi riusabili dai moduli ---------- */
.card{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);}
.card.gold{border-color:oklch(0.44 0.07 80);background:oklch(0.235 0.03 80 / .55);}
.card h2{font-size:18px;}
.card h3{font-size:15px;letter-spacing:.06em;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.mt{margin-top:18px;}
.label{font-size:11px;letter-spacing:.12em;color:var(--muted);}
.mono{font-family:var(--f-mono);}

.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border:0;border-radius:9px;background:var(--gold);color:oklch(0.18 0.03 80);font-family:var(--f-head);font-size:14px;font-weight:700;letter-spacing:.05em;cursor:pointer;}
.btn:hover{background:var(--gold-hi);}
.btn.ghost{background:transparent;border:1px solid oklch(0.36 0.02 258);color:var(--txt);font-family:var(--f-body);letter-spacing:0;}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold);}
.btn.sm{height:38px;padding:0 18px;font-size:13px;}
.btn.block{width:100%;}

.tabs{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--panel);}
.tabs .tab{padding:10px 22px;border-radius:8px;font-family:var(--f-head);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--muted);cursor:pointer;}
.tabs .tab:hover{color:var(--txt);}
.tabs .tab.tab-selected{background:var(--line);color:var(--txt-strong);}

.tbl{border:1px solid oklch(0.32 0.02 258);border-radius:var(--r-l);background:var(--panel);overflow:hidden;}
.tbl .thead,.tbl .trow{display:grid;gap:12px;align-items:center;padding:13px 20px;}
.tbl .thead{border-bottom:1px solid var(--line);background:var(--panel-3);font-size:11px;letter-spacing:.1em;color:var(--muted);}
.tbl .trow{border-bottom:1px solid var(--line-soft);}
.tbl .trow:last-child{border-bottom:0;}
.tbl .trow.alt{background:var(--panel-2);}
.tbl .trow.win{background:oklch(0.215 0.025 45 / .5);}

.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel-3);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);}
.pill.gold{border-color:var(--gold);background:var(--gold);color:oklch(0.20 0.03 80);}
.pill.green{border-color:oklch(0.48 0.12 145);background:oklch(0.30 0.06 145 / .28);color:var(--green);}
.pill.red{border-color:oklch(0.50 0.14 25);background:oklch(0.30 0.06 25 / .35);color:var(--red);}

.field{display:flex;flex-direction:column;gap:6px;}
.field > label{font-size:12px;letter-spacing:.08em;color:var(--muted);}
.field input,.field select,.field textarea{height:48px;padding:0 14px;border:1px solid oklch(0.34 0.02 258);border-radius:var(--r-m);background:var(--panel-3);color:var(--txt);font-size:14px;outline:none;}
.field textarea{height:auto;min-height:130px;padding:12px 14px;line-height:1.55;resize:vertical;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);}

.msg{padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-m);font-size:14px;line-height:1.5;}
.msg.ok{border-color:oklch(0.48 0.12 145);background:oklch(0.30 0.06 145 / .28);color:var(--green);}
.msg.err{border-color:oklch(0.50 0.14 25);background:oklch(0.30 0.06 25 / .35);color:var(--red);}
.msg.warn{border-color:oklch(0.52 0.13 82);background:oklch(0.30 0.06 82 / .32);color:oklch(0.88 0.11 84);}

#screen-shadow{position:fixed;inset:0;z-index:390;background:oklch(0.10 0.01 258 / .78);}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:400;width:560px;border:1px solid oklch(0.40 0.03 258);border-radius:15px;background:var(--panel);box-shadow:0 30px 80px oklch(0.05 0.01 258 / .7);}
.modal .head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);}
.modal .body{padding:22px;}
.modal .foot{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 22px;}

/* valute */
.cash-moon{background:url('../image/moonstone.png') no-repeat center right;padding-right:20px;color:var(--gold);}
.cash-bonus{background:url('../image/bonus.png') no-repeat center right;padding-right:20px;color:var(--purple);}
.money-gold{background:url('../image/gold.png') no-repeat center right;padding-right:20px;}
.money-silver{background:url('../image/silver.png') no-repeat center right;padding-right:20px;}
.money-cooper{background:url('../image/cooper.png') no-repeat center right;padding-right:20px;}

/* ---------- footer ---------- */
#pfooter{border-top:1px solid var(--line-soft);background:var(--bg-dark);}
#pfooter .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:38px 40px;}
#pfooter #flogo{height:40px;background:url('../image/logo2.png') no-repeat left center/contain;}
#pfooter h4{font-family:var(--f-head);font-size:13px;font-weight:700;letter-spacing:.1em;color:oklch(0.85 0.01 250);}
#pfooter ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
#pfooter ul a{font-size:13px;color:oklch(0.62 0.015 255);}
#pfooter ul a:hover{color:var(--gold);}
#footer-info{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-top:1px solid oklch(0.22 0.016 258);font-size:12px;color:oklch(0.52 0.015 255);}
#footer-info .lnk{display:flex;gap:16px;}
#footer-info a{color:oklch(0.52 0.015 255);}
#footer-info a:hover{color:var(--gold);}

/* ---------- calendario battaglie ---------- */
.wgrid{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.wgrid .whead,.wgrid .wrow{display:grid;grid-template-columns:72px repeat(7,1fr);}
.wgrid .whead{border-bottom:1px solid var(--line);}
.wgrid .whead div{padding:12px 10px;text-align:center;font-family:var(--f-head);font-size:13px;font-weight:700;letter-spacing:.06em;color:oklch(0.78 0.012 252);}
.wgrid .whead div.h-time{text-align:left;font-family:var(--f-body);font-size:11px;letter-spacing:.08em;color:var(--muted);}
.wgrid .whead div.today{background:var(--gold);color:oklch(0.20 0.03 80);}
.wgrid .wrow{border-bottom:1px solid oklch(0.24 0.018 258);}
.wgrid .wrow .t{display:flex;align-items:center;height:38px;padding:0 10px;font-family:var(--f-mono);font-size:12px;color:oklch(0.66 0.014 254);}
.wgrid .wrow.now .t{background:var(--gold);color:oklch(0.20 0.03 80);}
.wgrid .c{display:flex;align-items:center;justify-content:center;height:38px;border-left:1px solid oklch(0.24 0.018 258);background:oklch(0.185 0.014 258);font-size:12px;font-weight:600;}
.wgrid .c.live{outline:2px solid var(--gold);outline-offset:-2px;font-weight:700;}
.wgrid .foot{padding:12px 14px;font-size:12px;color:var(--muted);}
.w-wog{background:oklch(0.34 0.055 90);color:oklch(0.90 0.09 90);}
.w-bow{background:oklch(0.36 0.075 355);color:oklch(0.90 0.09 355);}
.w-br{background:oklch(0.34 0.065 255);color:oklch(0.88 0.07 255);}
.w-loa{background:oklch(0.40 0.09 50);color:oklch(0.93 0.07 50);}
.legend{display:flex;flex-wrap:wrap;gap:10px;}
.legend .it{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel);}
.legend .code{display:flex;align-items:center;justify-content:center;width:46px;height:24px;border-radius:6px;font-size:12px;font-weight:700;}
.legend .n{font-size:13px;font-weight:700;color:var(--txt);}
.legend .d{font-size:11px;color:var(--muted);}
.side-col{display:flex;flex-direction:column;gap:16px;}
.split{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start;}
.kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line-soft);}
.kv .n{font-size:13px;font-weight:600;color:oklch(0.92 0.008 250);}
.kv .w{font-size:11px;color:var(--muted);}
.kv .t{font-family:var(--f-mono);font-size:13px;color:oklch(0.82 0.13 80);white-space:nowrap;text-align:right;}
.nextbox{display:flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid oklch(0.42 0.06 80);border-radius:12px;background:oklch(0.24 0.035 80);}
.nextbox .sep{width:1px;height:38px;background:oklch(0.40 0.04 80);}
.nextbox .lbl{font-size:11px;letter-spacing:.09em;color:oklch(0.72 0.06 80);}
.nextbox .nm{margin-top:5px;font-size:17px;font-weight:700;color:var(--txt-strong);}
.nextbox .cd{font-family:var(--f-mono);font-size:22px;color:oklch(0.86 0.13 82);}
.nextbox .wh{margin-top:3px;font-size:11px;color:oklch(0.72 0.05 80);}

/* ---------- elementi usati dai moduli ---------- */
.gtxt{font-size:14.5px;line-height:1.75;color:oklch(0.80 0.012 252);text-wrap:pretty;}
.gtxt p{margin:0 0 12px;}
.gtxt p:last-child{margin-bottom:0;}
.gpic{display:block;max-width:100%;border:1px solid oklch(0.32 0.02 258);border-radius:var(--r-m);background:oklch(0.16 0.012 258);}
.mini{padding:15px 17px;border:1px solid oklch(0.32 0.02 258);border-radius:var(--r-m);background:var(--panel-3);}
.mini .v{font-family:var(--f-mono);font-size:17px;color:var(--gold);}
.mini .s{font-size:14px;font-weight:700;color:oklch(0.92 0.01 250);}
.mini .d{margin-top:6px;font-size:13px;line-height:1.6;color:oklch(0.76 0.013 252);}
.mini.gold{border-color:oklch(0.44 0.07 80);background:oklch(0.24 0.025 80 / .45);}
.mini.green{border-color:oklch(0.44 0.09 145);background:oklch(0.26 0.04 145 / .4);}
.mini.red{border-color:oklch(0.44 0.10 25);background:oklch(0.24 0.03 25 / .45);}
.mini.purple{border-color:oklch(0.36 0.05 265);background:oklch(0.23 0.03 265 / .5);}
.chipx{padding:7px 13px;border:1px solid oklch(0.34 0.02 258);border-radius:999px;background:var(--panel-3);font-size:13px;color:oklch(0.84 0.012 252);}
.item-icon{width:32px;height:32px;background-repeat:no-repeat;}
.item-box{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid var(--line);border-radius:9px;background:oklch(0.24 0.018 258);overflow:hidden;}
.thread-msg{max-width:78%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);font-size:14px;line-height:1.6;}
.thread-msg.me{background:oklch(0.26 0.02 258);}
.sidelist{display:flex;flex-direction:column;gap:2px;}
.sidelist a,.sidelist div.it{display:block;padding:12px 14px;border-radius:var(--r-m);font-size:14px;color:oklch(0.86 0.012 250);cursor:pointer;}
.sidelist .it:hover{background:var(--panel-3);}
.sidelist .it.sel{background:oklch(0.235 0.025 80 / .6);border-left:3px solid var(--gold);color:oklch(0.95 0.06 82);font-weight:700;}
.sidelist .it .h{margin-top:3px;font-size:11px;color:var(--muted);font-weight:400;}

/* ---------- classifiche ---------- */
#rank-head{display:flex;align-items:flex-end;justify-content:space-between;}
#rank-find{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel-2);}
#rank-find span{font-size:12px;color:var(--muted);white-space:nowrap;}
#rank-find input{width:160px;border:0;background:transparent;outline:none;color:var(--txt);font:14px var(--f-body);}

.rank-modes{display:flex;gap:6px;margin-top:22px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--panel);}
.rank-mode{position:relative;flex:1;display:flex;flex-direction:column;gap:3px;padding:11px 14px;border-radius:8px;cursor:pointer;}
.rank-mode:hover{background:oklch(0.26 0.02 258);}
.rank-mode .l{font-family:var(--f-head);font-size:13px;font-weight:700;letter-spacing:.03em;line-height:1.2;color:oklch(0.88 0.01 250);}
.rank-mode .h{font-size:11px;color:var(--muted);}
.rank-mode.sel{background:oklch(0.80 0.14 80 / .16);}
.rank-mode.sel .l{color:var(--gold);}
.rank-mode.sel .h{color:oklch(0.72 0.10 82);}
.rank-mode.new{background:oklch(0.68 0.14 300 / .12);}
.rank-mode.new .l{color:var(--purple);}
.rank-mode .h{white-space:nowrap;}

.rank-bar{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap;}
.rank-per{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);}
.rank-per .p{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:700;color:oklch(0.72 0.013 252);cursor:pointer;}
.rank-per .p.sel{background:var(--gold);color:oklch(0.18 0.03 80);}
.rank-vsep{width:1px;height:26px;background:oklch(0.28 0.02 258);}
.rank-views{display:flex;gap:8px;flex-wrap:wrap;}
.rank-views .v{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);font-size:13px;font-weight:500;color:oklch(0.78 0.012 252);cursor:pointer;}
.rank-views .v:hover{border-color:var(--gold);}
.rank-views .v.sel{border-color:var(--gold);background:oklch(0.80 0.14 80 / .14);color:var(--gold);font-weight:700;}
.rank-filters{display:flex;align-items:center;gap:8px;}
.rank-filters select{height:36px;padding:0 10px;border:1px solid oklch(0.32 0.02 258);border-radius:7px;background:oklch(0.24 0.018 258);color:oklch(0.90 0.01 250);font:13px var(--f-body);}

.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;}
.podium .p{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);}
.podium .p.g1{border-color:var(--gold);background:linear-gradient(135deg,oklch(0.30 0.06 80) 0%,oklch(0.20 0.016 258) 70%);}
.podium .p.g2{border-color:oklch(0.72 0.02 255);}
.podium .p.g3{border-color:oklch(0.60 0.08 55);}
.podium .p img{height:38px;width:auto;flex:none;}
.podium .p .nm{display:flex;align-items:center;gap:8px;}
.podium .p .nm b{font-size:17px;font-weight:700;color:var(--txt-strong);}
.podium .p .tag{padding:2px 7px;border-radius:999px;background:oklch(0.28 0.02 258);font-size:10px;font-weight:600;color:oklch(0.75 0.012 252);}
.podium .p .mt2{margin-top:3px;font-size:12px;color:oklch(0.64 0.015 255);}
.podium .p .sc{font-family:var(--f-mono);font-size:20px;color:oklch(0.90 0.01 250);}
.podium .p.g1 .sc{color:var(--gold);}
.podium .p .u{font-size:10px;letter-spacing:.1em;color:var(--muted);}

.rank-tbl{max-width:1180px;margin:16px auto 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.rank-tbl .rh,.rank-tbl .rr{display:grid;grid-template-columns:80px 1fr 250px 250px 250px;align-items:center;padding:11px 20px;}
.rank-tbl .rr .nm,.rank-tbl .rr .c3,.rank-tbl .rr .c4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-tbl .rh{padding:12px 20px;background:var(--panel-3);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.1em;color:var(--muted);}
.rank-tbl .rr{border-bottom:1px solid oklch(0.24 0.018 258);cursor:pointer;}
.rank-tbl .rr:hover{background:oklch(0.25 0.02 258);}
.rank-tbl .rr.alt{background:oklch(0.22 0.017 258);}
.rank-tbl .rr .pos{font-family:var(--f-mono);font-size:14px;color:var(--muted);}
.rank-tbl .rr.top .pos{color:var(--gold);}
.rank-tbl .rr .nm{display:flex;align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:500;color:var(--txt);}
.rank-tbl .rr .nm i{margin-right:1px;}
.rank-tbl .rr.top .nm{font-weight:700;}
.rank-tbl .rr .nm i{display:block;width:25px;height:25px;flex:none;border-radius:5px;background:url('../image/charfacesmall.png') no-repeat;}
.rank-tbl .rr .c3{font-size:13px;color:var(--muted-2);}
.rank-tbl .rr .c4{display:flex;align-items:center;gap:8px;font-size:13px;color:oklch(0.66 0.014 254);}
.rank-tbl .rr .c4 .rk{display:block;flex:none;width:auto;max-width:48px;max-height:44px;object-fit:contain;}
.rank-tbl .rr{height:54px;box-sizing:border-box;padding-top:0;padding-bottom:0;}
.rank-tbl .rr .c4{overflow:visible;}
.rank-tbl .rr .sc{font-family:var(--f-mono);font-size:14px;text-align:right;color:var(--gold);}
.rank-tbl .foot{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.rank-tbl .foot .info{font-size:12px;color:var(--muted);}
.rank-tbl .pager{display:flex;gap:6px;}
.rank-tbl .pager a{padding:6px 12px;border-radius:7px;font-size:13px;color:oklch(0.66 0.014 254);}
.rank-tbl .pager a.sel{border:1px solid oklch(0.32 0.02 258);color:oklch(0.88 0.01 250);}

/* ---------- supporto / ticket ---------- */
.tk-head{display:flex;align-items:flex-end;justify-content:space-between;}
.tk-quota{text-align:right;}
.tk-quota .a{font-size:13px;font-weight:700;color:oklch(0.90 0.01 250);}
.tk-quota .b{font-size:11px;color:var(--muted);}
.tk-help{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;}
.tk-help .h{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:var(--panel);cursor:pointer;}
.tk-help .h .m{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:7px;font-size:13px;font-weight:700;color:oklch(0.16 0.014 255);}
.tk-help .h .t{font-size:14px;font-weight:700;color:oklch(0.93 0.008 250);}
.tk-help .h .d{margin-top:3px;font-size:12px;line-height:1.5;color:var(--muted);}
.tk-help .h.a1:hover{border-color:oklch(0.70 0.13 275);}
.tk-help .h.a2:hover{border-color:var(--gold);}
.tk-help .h.a3:hover{border-color:var(--purple);}

.tk-grid{display:grid;grid-template-columns:360px 1fr;gap:18px;margin-top:18px;align-items:start;}
.tk-list{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.tk-list .filters{display:flex;gap:6px;padding:14px;border-bottom:1px solid oklch(0.28 0.02 258);}
.tk-list .filters a{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);font-size:12px;font-weight:700;color:oklch(0.78 0.012 252);}
.tk-list .filters a.sel{border-color:var(--gold);background:oklch(0.80 0.14 80 / .14);color:var(--gold);}
.tk-list .row{display:flex;gap:11px;padding:14px 16px;border-bottom:1px solid oklch(0.25 0.018 258);border-left:3px solid transparent;cursor:pointer;}
.tk-list .row:hover{background:oklch(0.24 0.018 258);}
.tk-list .row.sel{border-left-color:var(--gold);background:oklch(0.235 0.022 80 / .5);}
.tk-list .row .dot{width:8px;height:8px;margin-top:6px;flex:none;border-radius:50%;background:oklch(0.34 0.02 258);}
.tk-list .row.unread .dot{background:var(--gold);}
.tk-list .row .s{font-size:14px;font-weight:500;color:oklch(0.93 0.008 250);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tk-list .row.unread .s{font-weight:700;}
.tk-list .row .meta{display:flex;align-items:center;gap:8px;margin-top:5px;}
.tk-list .row .meta .dt,.tk-list .row .meta .rp{font-size:11px;color:var(--muted);}
.tk-list .row .meta .dt{font-family:var(--f-mono);}
.tk-list .note{padding:14px 16px;font-size:12px;color:var(--muted);}
.st{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;}
.st.open{background:oklch(0.42 0.11 145);color:oklch(0.94 0.06 145);}
.st.closed{background:oklch(0.30 0.02 258);color:oklch(0.72 0.013 252);}
.st.cat{background:oklch(0.28 0.02 258);color:oklch(0.75 0.012 252);font-weight:600;}

.tk-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.tk-panel.new{border-color:oklch(0.36 0.04 80);}
.tk-panel .ph{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid oklch(0.28 0.02 258);background:var(--panel-2);}
.tk-panel .ph h2{font-size:19px;}
.tk-panel .ph .sub{margin-top:5px;font-size:12px;color:var(--muted);}
.tk-panel .pgtag{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid oklch(0.32 0.02 258);border-radius:8px;background:oklch(0.24 0.018 258);}
.tk-panel .pgtag .fw{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:oklch(0.28 0.02 258);overflow:hidden;}
.tk-panel .pgtag .fw i{display:block;width:36px;height:36px;background:url('../image/charface.png') no-repeat;transform:scale(.8);}
.tk-panel .pgtag .n{font-size:12px;font-weight:700;color:oklch(0.93 0.008 250);}
.tk-panel .pgtag .r{font-size:10px;color:var(--muted);}
.tk-panel .x{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid oklch(0.32 0.02 258);border-radius:8px;font-size:16px;color:oklch(0.70 0.013 252);}
.tk-panel .x:hover{border-color:oklch(0.55 0.20 25);color:oklch(0.70 0.16 25);}
.tk-panel .body{display:flex;flex-direction:column;gap:16px;padding:22px;}
.tk-panel .fl{display:flex;align-items:baseline;justify-content:space-between;}
.tk-panel .fl label{font-size:12px;letter-spacing:.08em;color:oklch(0.65 0.015 255);}
.tk-panel .fl .cnt{font-family:var(--f-mono);font-size:11px;color:oklch(0.55 0.015 255);}
.tk-panel input.tx,.tk-panel textarea.tx{width:100%;box-sizing:border-box;margin-top:6px;padding:12px 14px;border:1px solid oklch(0.32 0.02 258);border-radius:9px;background:var(--panel-2);color:oklch(0.94 0.008 250);font:15px/1.55 var(--f-body);outline:none;}
.tk-panel input.tx{height:46px;padding:0 14px;}
.tk-panel textarea.tx{height:180px;resize:vertical;}
.tk-panel input.tx:focus,.tk-panel textarea.tx:focus{border-color:var(--gold);}
.tk-panel .act{display:flex;align-items:center;justify-content:space-between;}
.tk-panel .thread{display:flex;flex-direction:column;gap:16px;padding:22px;}
.tk-panel .msg-row{display:flex;}
.tk-panel .msg-row.me{justify-content:flex-end;}
.tk-panel .msg-row .w{max-width:600px;}
.tk-panel .msg-row .hd{display:flex;align-items:center;gap:8px;}
.tk-panel .msg-row.me .hd{justify-content:flex-end;}
.tk-panel .msg-row .hd .au{font-size:12px;font-weight:700;color:oklch(0.80 0.11 275);}
.tk-panel .msg-row.me .hd .au{color:oklch(0.88 0.012 250);}
.tk-panel .msg-row .hd .tm{font-family:var(--f-mono);font-size:11px;color:oklch(0.55 0.015 255);}
.tk-panel .msg-row .bb{margin-top:6px;padding:14px 16px;border:1px solid oklch(0.32 0.05 275);border-radius:11px;background:oklch(0.23 0.03 275 / .45);font-size:14px;line-height:1.6;color:oklch(0.90 0.01 250);text-wrap:pretty;}
.tk-panel .msg-row.me .bb{border-color:oklch(0.32 0.02 258);background:oklch(0.24 0.018 258);}
.tk-panel .reply{padding:18px 22px 22px;border-top:1px solid oklch(0.28 0.02 258);background:oklch(0.19 0.016 258);}
.tk-panel .reply .top{display:flex;align-items:center;justify-content:space-between;}
.tk-panel .reply .top .l{font-size:12px;letter-spacing:.08em;color:oklch(0.65 0.015 255);}
.tk-panel .reply .top .r{font-size:12px;color:var(--muted);}
.tk-panel .reply textarea{height:96px;}
.btn.sm.ghostred{border:1px solid oklch(0.32 0.02 258);background:transparent;color:oklch(0.75 0.013 252);}
.btn.sm.ghostred:hover{border-color:oklch(0.55 0.20 25);color:oklch(0.72 0.16 25);}

/* ---------- donazioni ---------- */
.dn-crumbs{display:flex;align-items:center;gap:10px;margin-top:22px;}
.dn-crumbs .c{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);}
.dn-crumbs .c .n{font-family:var(--f-mono);font-size:11px;color:oklch(0.55 0.015 255);}
.dn-crumbs .c .t{font-size:13px;font-weight:500;color:var(--muted);}
.dn-crumbs .c.on{border-color:oklch(0.42 0.06 80);background:oklch(0.24 0.035 80);}
.dn-crumbs .c.on .n{color:var(--gold);}
.dn-crumbs .c.on .t{color:oklch(0.94 0.008 250);font-weight:700;}
.dn-crumbs .c.link{cursor:pointer;}
.dn-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;}
.dn-methods .m{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;border:1px solid oklch(0.32 0.02 258);border-radius:12px;background:var(--panel);cursor:pointer;text-align:center;}
.dn-methods .m:hover{border-color:var(--gold);background:var(--panel-3);}
.dn-methods .m img{width:163px;height:163px;}
.dn-methods .m .t{font-size:16px;font-weight:700;color:oklch(0.95 0.008 250);}
.dn-methods .m .d{margin-top:5px;font-size:13px;line-height:1.5;color:oklch(0.68 0.014 252);}
.dn-steps{display:flex;align-items:center;gap:6px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);}
.dn-steps .s{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;}
.dn-steps .s span{font-size:11px;color:oklch(0.78 0.012 252);}
.dn-bullets{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.dn-bullets .b{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;color:oklch(0.76 0.013 252);}
.dn-bullets .b i{width:6px;height:6px;margin-top:7px;flex:none;border-radius:50%;background:var(--gold);}
.dn-epin{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid oklch(0.50 0.12 75);border-radius:10px;background:oklch(0.23 0.045 75);font-size:13px;line-height:1.55;color:oklch(0.88 0.04 75);}
.dn-sites{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.dn-sites .s{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);}
.dn-sites .s a{font-size:15px;font-weight:700;}
.dn-sites .s .lg{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.dn-sites .s .lg span{display:flex;align-items:center;justify-content:center;width:32px;height:26px;border-radius:5px;background:#fff;}
.dn-sites .s .lg img{width:20px;height:20px;}
.dn-wbox{margin-top:14px;padding:14px;border:1px solid oklch(0.34 0.02 258);border-radius:12px;background:var(--panel);width:682px;}
.dn-wbox .hd{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid oklch(0.28 0.02 258);font-size:12px;color:oklch(0.70 0.013 252);}
.dn-wbox .hd i{width:8px;height:8px;border-radius:50%;background:oklch(0.72 0.17 145);}
.dn-wbox iframe{display:block;margin-top:12px;border:0;border-radius:8px;background:#fff;}

/* ---------- riscatto coupon ---------- */
.rd-card{margin-top:24px;padding:24px;border:1px solid oklch(0.34 0.02 258);border-radius:14px;background:var(--panel);}
.rd-card label{display:block;font-size:12px;letter-spacing:.08em;color:oklch(0.65 0.015 255);}
.rd-in{display:flex;gap:10px;margin-top:8px;}
.rd-in input{flex:1;height:54px;padding:0 16px;border:1px solid oklch(0.34 0.02 258);border-radius:10px;background:oklch(0.23 0.018 258);color:oklch(0.95 0.008 250);font:20px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;outline:none;}
.rd-in input:focus{border-color:var(--gold);}
.rd-in a{display:flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:10px;background:var(--gold);color:oklch(0.18 0.03 80);font-family:var(--f-head);font-size:15px;font-weight:700;letter-spacing:.05em;}
.rd-in a:hover{background:var(--gold-hi);color:oklch(0.18 0.03 80);}
.rd-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--muted);}
.rd-foot .cnt{font-family:var(--f-mono);font-size:11px;color:oklch(0.55 0.015 255);}
.rd-ok{margin-top:18px;padding:24px;border:1px solid oklch(0.55 0.14 145);border-radius:14px;background:linear-gradient(135deg,oklch(0.26 0.06 145) 0%,oklch(0.20 0.016 258) 65%);}
.rd-ok .hd{display:flex;align-items:center;gap:10px;}
.rd-ok .hd i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:oklch(0.72 0.17 145);color:oklch(0.16 0.03 145);font-size:15px;font-weight:700;font-style:normal;}
.rd-ok .hd b{font-family:var(--f-head);font-size:20px;font-weight:700;color:var(--txt-strong);}
.rd-ok .sub{margin-top:6px;font-size:13px;color:var(--muted-2);}
.rd-gifts{display:flex;gap:12px;margin-top:18px;}
.rd-gifts .g{flex:1;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid oklch(0.34 0.02 258);border-radius:10px;background:var(--panel);}
.rd-gifts .g img{width:22px;height:22px;}
.rd-gifts .g .v{font-family:var(--f-mono);font-size:20px;}
.rd-gifts .g .k{font-size:11px;color:var(--muted);}
.rd-gifts .g .box{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid oklch(0.34 0.02 258);border-radius:8px;background:oklch(0.24 0.018 258);}
.rd-err{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:20px 22px;border:1px solid oklch(0.50 0.16 25);border-radius:14px;background:oklch(0.22 0.04 25);}
.rd-err i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;background:oklch(0.58 0.20 25);color:oklch(0.97 0.02 25);font-size:14px;font-weight:700;font-style:normal;}
.rd-err .t{font-size:15px;font-weight:700;color:oklch(0.94 0.02 25);}
.rd-err .d{margin-top:4px;font-size:13px;line-height:1.5;color:oklch(0.82 0.03 25);}
.rd-src{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;}
.rd-src .s{padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--panel);cursor:pointer;}
.rd-src .s .t{font-size:14px;font-weight:700;}
.rd-src .s .d{margin-top:4px;font-size:12px;line-height:1.5;color:oklch(0.66 0.014 254);}


input,select,textarea{color-scheme:dark;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:var(--txt) !important;
  -webkit-box-shadow:0 0 0 1000px var(--panel-3) inset !important;
  box-shadow:0 0 0 1000px var(--panel-3) inset !important;
  caret-color:var(--txt);
  transition:background-color 9999s ease-out 0s;
}
#glossary-search input:-webkit-autofill,
#glossary-search input:-webkit-autofill:focus,
#login-box input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--panel-2) inset !important;
  box-shadow:0 0 0 1000px var(--panel-2) inset !important;
}
input::selection,textarea::selection{background:oklch(0.42 0.10 80);color:#fff;}
input::-ms-clear,input::-ms-reveal{display:none;}
input:autofill{background:var(--panel-3) !important;color:var(--txt) !important;}

/* ---------- torneo Battle Royal ---------- */
.br-phase{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;}
.br-phase i{width:7px;height:7px;border-radius:50%;font-style:normal;}
.br-phase span{font-family:var(--f-head);font-size:12px;font-weight:700;letter-spacing:.12em;}
.br-phase.reg{border:1px solid oklch(0.48 0.12 145);background:oklch(0.30 0.06 145 / .28);}
.br-phase.reg i{background:oklch(0.84 0.13 145);}
.br-phase.reg span{background:none;color:oklch(0.86 0.14 145);}
.br-phase.run{border:1px solid oklch(0.52 0.13 82);background:oklch(0.30 0.06 82 / .32);}
.br-phase.run i{background:oklch(0.86 0.14 82);}
.br-phase.run span{color:oklch(0.86 0.14 82);}
.br-team{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid oklch(0.44 0.07 80);border-radius:12px;background:oklch(0.235 0.03 80 / .5);}
.br-team img.logo{width:48px;height:48px;flex:none;border:1px solid oklch(0.44 0.07 80);border-radius:10px;background:oklch(0.22 0.017 258);}
.br-team .nm{font-family:var(--f-head);font-size:19px;font-weight:700;color:var(--txt-strong);}
.br-team .sc{font-family:var(--f-mono);font-size:15px;color:var(--gold);}
.br-mem{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.br-mem .r{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--panel-3);}
.br-mem .r .face{width:36px;height:36px;flex:none;border-radius:7px;background:url('../image/charface.png') no-repeat;}
.br-mem .r .cls{width:24px;height:24px;flex:none;background:url('../image/charclass.png') no-repeat;transform:scale(.66);transform-origin:left center;}
.br-mem .r .n{flex:1;font-size:15px;font-weight:700;color:var(--txt);}
.br-mem .r .s{font-family:var(--f-mono);font-size:13px;color:var(--gold);}
.br-mem .r .lead{padding:2px 8px;border:1px solid oklch(0.46 0.09 80);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;color:oklch(0.88 0.12 82);}
.br-sym{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.br-sym label{display:block;width:46px;height:46px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel-3);cursor:pointer;}
.br-sym label img{display:block;width:44px;height:44px;}
.br-sym input{display:none;}
.br-sym input:checked + img{outline:2px solid var(--gold);outline-offset:-2px;border-radius:var(--r-s);}
.br-friends{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;max-height:320px;overflow-y:auto;}
.br-friends .f{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel-3);cursor:pointer;}
.br-friends .f:hover{border-color:var(--gold);}
.br-friends .f.sel{border-color:var(--gold);background:oklch(0.235 0.03 80 / .55);}
.br-friends .f .face{width:36px;height:36px;flex:none;border-radius:7px;background:url('../image/charface.png') no-repeat;}
.br-friends .f .n{font-size:14px;font-weight:700;color:var(--txt);}
.br-friends .f .l{font-size:11px;color:var(--muted);}
.br-cap{display:flex;align-items:flex-end;gap:10px;}
.br-cap img{height:48px;border:1px solid var(--line);border-radius:var(--r-m);background:#fff;cursor:pointer;}
.br-board .g{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-top:12px;}
.br-board .g.mine{border-color:oklch(0.44 0.07 80);background:oklch(0.235 0.03 80 / .45);}
.br-board .g .hd{display:flex;align-items:center;gap:14px;}
.br-board .g .hd .pos{font-family:var(--f-head);font-size:22px;font-weight:700;color:var(--gold);width:40px;}
.br-board .g .hd img{width:40px;height:40px;border-radius:8px;background:oklch(0.22 0.017 258);}
.br-board .g .hd .n{flex:1;font-size:16px;font-weight:700;color:var(--txt-strong);}
.br-board .g .hd .s{font-family:var(--f-mono);font-size:14px;color:var(--gold);}
.br-board .g .ms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;}
.br-board .g .ms .p{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--r-s);background:var(--panel-3);}
.br-board .g .ms .p .face{width:25px;height:25px;flex:none;border-radius:5px;background:url('../image/charfacesmall.png') no-repeat;}
.br-board .g .ms .p .n{font-size:13px;font-weight:600;color:var(--txt);}
.br-board .g .ms .p .s{font-size:11px;color:var(--muted);}
.br-inv{display:flex;flex-direction:column;gap:10px;margin-top:12px;}
.br-inv .r{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel-3);}
.br-inv .r img{width:34px;height:34px;flex:none;border-radius:7px;background:var(--panel-2);}
.br-inv .r .t{flex:1;font-size:14px;color:var(--txt);}
.br-inv .r .d{font-family:var(--f-mono);font-size:11px;color:var(--muted);}

.fac{display:inline-block;width:25px;height:25px;flex:none;vertical-align:middle;background-image:url('../image/factionsmall.png');background-repeat:no-repeat;background-size:125px 25px;}
.podium .p .nm .fac{margin-left:2px;}

/* ---------- gestione account ---------- */
.ac-toggle{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-3);}
.ac-toggle .sw{width:52px;height:28px;flex:none;border-radius:999px;background:oklch(0.32 0.02 258);position:relative;cursor:pointer;transition:background .15s;}
.ac-toggle .sw i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:oklch(0.75 0.012 252);transition:left .15s,background .15s;}
.ac-toggle.on .sw{background:oklch(0.55 0.14 145);}
.ac-toggle.on .sw i{left:27px;background:oklch(0.97 0.02 145);}
.ac-toggle .t{font-size:15px;font-weight:700;color:var(--txt-strong);}
.ac-toggle .d{margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--muted);}
.ac-pin{margin-top:14px;padding:16px 18px;border:1px solid oklch(0.52 0.13 82);border-radius:12px;background:oklch(0.28 0.05 82 / .3);}
.ac-pin .row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;}
.ac-pin input{width:130px;height:44px;padding:0 12px;border:1px solid oklch(0.44 0.06 80);border-radius:9px;background:oklch(0.23 0.018 258);color:var(--txt);font:17px/1 var(--f-mono);letter-spacing:.14em;text-align:center;outline:none;}
.ac-pin .msg-inline{margin-top:10px;font-size:12.5px;line-height:1.55;color:oklch(0.86 0.06 84);}
.pc-row{display:grid;grid-template-columns:1fr 170px 110px 130px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line-soft);}
.pc-row:last-child{border-bottom:0;}
.pc-row .nm{font-size:14px;font-weight:600;color:var(--txt);}
.pc-row .ip{margin-top:2px;font-family:var(--f-mono);font-size:11px;color:var(--muted);}
.pc-row .acts{display:flex;gap:8px;justify-content:flex-end;}
.pc-row .acts a{display:block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.85;}
.pc-row .acts a:hover{opacity:1;}
.pc-row .acts span{display:block;width:22px;height:22px;opacity:.35;background-repeat:no-repeat;background-position:center;background-size:contain;}

/* ---------- scheda personaggio ---------- */
.pg-crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);}
.pg-hero{padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,oklch(0.24 0.03 300) 0%,oklch(0.19 0.016 258) 60%);}
.pg-hero .top{display:flex;align-items:center;gap:16px;}
.pg-hero .fbox{display:flex;align-items:center;justify-content:center;width:72px;height:72px;flex:none;border:1px solid oklch(0.36 0.02 258);border-radius:12px;background:oklch(0.26 0.02 258);overflow:hidden;}
.pg-hero .fbox i{display:block;width:36px;height:36px;background:url('../image/charface.png') no-repeat;transform:scale(1.9);image-rendering:pixelated;}
.pg-hero h1{font-size:26px;}
.pg-hero .meta{margin-top:5px;font-size:14px;color:var(--muted-2);}
.doll{position:relative;margin-top:20px;}
.doll .cols{display:flex;gap:10px;}
.doll .col{display:flex;flex-direction:column;gap:6px;}
.doll .col .lb{font-size:10px;letter-spacing:.1em;color:var(--muted);}
.slot{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);}
.slot.on{border-color:oklch(0.44 0.06 80);background:oklch(0.24 0.025 80 / .4);cursor:help;}
.slot .ic{width:32px;height:32px;background-repeat:no-repeat;}
.doll .center{flex:1;display:flex;flex-direction:column;}
.doll .center .in{flex:1;display:flex;flex-direction:column;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,oklch(0.23 0.025 300) 0%,oklch(0.20 0.016 258) 70%);}
.doll .center .cls{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid oklch(0.34 0.02 258);border-radius:9px;background:oklch(0.23 0.018 258);overflow:hidden;}
.doll .center .cls i{display:block;width:36px;height:36px;background:url('../image/charclass.png') no-repeat;}
.bar{height:10px;margin-top:6px;border-radius:5px;background:oklch(0.28 0.02 258);overflow:hidden;}
.bar i{display:block;height:10px;}
.doll .rows{display:flex;align-items:flex-end;gap:18px;margin-top:12px;}
.doll .rows .g{display:flex;gap:6px;}
#equip-details{display:none;position:absolute;left:62px;top:14px;width:290px;padding:16px;border:1px solid oklch(0.36 0.02 258);border-radius:11px;background:oklch(0.15 0.014 255 / .97);box-shadow:0 18px 40px oklch(0.08 0.01 255 / .75);z-index:20;}
#equip-details .hd{display:flex;align-items:center;gap:10px;}
#equip-details #icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid oklch(0.34 0.02 258);border-radius:8px;background:oklch(0.22 0.017 258);background-repeat:no-repeat;background-position:center;}
#equip-details #title{font-size:14px;font-weight:700;line-height:1.3;color:oklch(0.94 0.008 250);}
#equip-details .lines{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid oklch(0.28 0.02 258);font-size:12px;color:oklch(0.84 0.012 252);}
#equip-details #ibonus{margin-top:12px;padding-top:12px;border-top:1px solid oklch(0.28 0.02 258);font-size:12px;line-height:1.55;}
#equip-details .bcolor0{color:oklch(0.74 0.013 252);}
#equip-details .bcolor1{color:oklch(0.80 0.13 145);}
#equip-details .bcolor2{color:oklch(0.76 0.13 300);}
#equip-details.b1{border-color:oklch(0.50 0.11 145);}
#equip-details.b2{border-color:oklch(0.55 0.13 300);}
.kv2{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid var(--line-soft);}
.kv2 .k{font-size:13px;color:oklch(0.66 0.014 254);}
.kv2 .v{font-size:14px;font-weight:600;color:oklch(0.92 0.008 250);}
.rk-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.rk-cards .c{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);}
.rk-cards .c .k{font-size:11px;letter-spacing:.08em;color:var(--muted);}
.rk-cards .c .v{margin-top:6px;font-family:var(--f-mono);font-size:20px;color:var(--gold);}

/* ---------- game shop ---------- */
.sh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.sh-wallet{display:flex;align-items:center;gap:26px;}
.sh-wallet .w{text-align:right;}
.sh-wallet .w .v{font-family:var(--f-mono);font-size:22px;}
.sh-wallet .w .k{font-size:11px;color:var(--muted);}
.sh-grid{display:grid;grid-template-columns:250px 1fr;gap:20px;margin-top:20px;align-items:start;}
#shop-cats{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);position:sticky;top:88px;}
#shop-cats .c{padding:11px 14px;border-radius:var(--r-m);font-size:14px;color:oklch(0.84 0.012 252);cursor:pointer;}
#shop-cats .c:hover{background:var(--panel-3);}
#shop-cats .c.sel{background:oklch(0.235 0.025 80 / .6);border-left:3px solid var(--gold);color:oklch(0.95 0.06 82);font-weight:700;}
#category-items{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sh-item{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.sh-item .top{display:flex;gap:14px;}
.sh-item .item-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;flex:none;border:1px solid var(--line);border-radius:9px;background:oklch(0.24 0.018 258);overflow:hidden;}
.sh-item .item-quantity{position:absolute;right:3px;bottom:2px;font-family:var(--f-mono);font-size:11px;color:oklch(0.92 0.008 250);text-shadow:0 1px 2px #000;}
.sh-item .item-sale{position:absolute;left:0;top:0;width:0;height:0;border-top:16px solid oklch(0.58 0.20 25);border-right:16px solid transparent;}
.sh-item .item-title{font-size:14px;font-weight:700;line-height:1.35;color:var(--txt-strong);}
.sh-item .item-description{margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted);}
.sh-item .item-pay{display:flex;align-items:center;gap:8px;margin-top:14px;}
.sh-item .item-pay .lb{font-size:11px;letter-spacing:.08em;color:var(--muted);}
.check-button{padding:6px 12px 6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);font-family:var(--f-mono);font-size:14px;color:oklch(0.70 0.013 252);cursor:pointer;background-repeat:no-repeat;background-position:center right 6px;padding-right:26px;}
.check-button.cash-moon{background-image:url('../image/moonstone.png');}
.check-button.cash-bonus{background-image:url('../image/bonus.png');}
.check-button-active.cash-moon{border-color:var(--gold);background-color:oklch(0.80 0.14 80 / .16);color:var(--gold);}
.check-button-active.cash-bonus{border-color:var(--purple);background-color:oklch(0.68 0.14 300 / .16);color:var(--purple);}
.sh-item .item-purchase{display:flex;align-items:center;gap:8px;margin-top:12px;}
.cash-select{height:38px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--panel-3);color:var(--txt);font:14px var(--f-body);}
.buy-button{flex:1;height:38px;border:0;border-radius:var(--r-s);background:var(--gold);color:oklch(0.18 0.03 80);font-family:var(--f-head);font-size:13px;font-weight:700;letter-spacing:.05em;cursor:pointer;}
.buy-button:hover{background:var(--gold-hi);}
#cash-purchase-window{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:400;width:520px;padding:22px;border:1px solid oklch(0.40 0.03 258);border-radius:14px;background:var(--panel);box-shadow:0 30px 80px oklch(0.05 0.01 258 / .7);}
#cash-confirm-desc{font-family:var(--f-head);font-size:16px;font-weight:700;color:var(--txt-strong);}
#cash-confirm-item{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);}
#cash-confirm-item .item-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid var(--line);border-radius:9px;background:oklch(0.22 0.017 258);}
#cash-confirm-item .item-quantity{position:absolute;right:3px;bottom:2px;font-family:var(--f-mono);font-size:11px;color:oklch(0.92 0.008 250);text-shadow:0 1px 2px #000;}
#cash-confirm-item .item-sale{position:absolute;left:0;top:0;width:0;height:0;border-top:16px solid oklch(0.58 0.20 25);border-right:16px solid transparent;}
#cash-confirm-item .item-title{font-size:15px;font-weight:700;color:var(--txt-strong);}
#cash-confirm-item .item-line{height:1px;background:var(--line);}
#cash-confirm-item .item-check-quantity,#cash-confirm-item .item-check-paytype,#cash-confirm-item .item-check-amount{font-size:13px;color:oklch(0.80 0.012 252);}
#cash-confirm-item .item-check-done{font-size:14px;line-height:1.6;color:oklch(0.84 0.11 145);}
#cash-confirm-btn{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;}
#cash-confirm-btn .buy-button{flex:none;padding:0 22px;}
#cash-confirm-btn .buy-button:last-child{background:transparent;border:1px solid oklch(0.36 0.02 258);color:oklch(0.84 0.012 250);}
.color-red{color:oklch(0.78 0.16 25);}

/* ---------- guida al gioco ---------- */
.g-hero{position:relative;overflow:hidden;padding:38px 40px;border:1px solid oklch(0.36 0.05 80);border-radius:15px;background:linear-gradient(115deg,oklch(0.24 0.035 80) 0%,oklch(0.19 0.016 258) 62%);}
.g-hero .art{position:absolute;inset:0;background:url('../image/artwork_eopar.png') no-repeat right center/auto 190%;opacity:.16;}
.g-hero .in{position:relative;max-width:620px;}
.g-hero h1{font-size:34px;color:oklch(0.97 0.008 250);}
.g-chapter{display:flex;flex-direction:column;padding:22px 24px;border:1px solid oklch(0.42 0.06 80);border-radius:13px;background:oklch(0.215 0.022 80);cursor:pointer;}
.g-chapter:hover{border-color:oklch(0.68 0.12 82);}
.g-chapter .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.g-chapter .mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid oklch(0.46 0.08 80);border-radius:10px;background:oklch(0.28 0.045 80);font-family:var(--f-head);font-size:17px;font-weight:700;color:oklch(0.88 0.12 82);}
.g-chapter .ti{margin-top:16px;font-family:var(--f-head);font-size:18px;font-weight:700;color:oklch(0.95 0.008 250);}
.g-chapter .tx{margin-top:8px;font-size:13.5px;line-height:1.6;color:oklch(0.70 0.013 252);text-wrap:pretty;}
.g-chapter .cta{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.06em;color:oklch(0.86 0.12 82);}
.g-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:oklch(0.66 0.014 252);cursor:pointer;}
.g-back:hover{color:oklch(0.90 0.06 82);}
.g-index{display:flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid oklch(0.34 0.02 258);border-radius:10px;background:var(--panel);font-size:13px;font-weight:600;color:oklch(0.86 0.012 250);cursor:pointer;}
.g-index:hover{border-color:oklch(0.62 0.11 82);color:oklch(0.92 0.06 82);}
.g-toc a{display:block;padding:9px 11px;border-radius:8px;font-size:13.5px;color:oklch(0.82 0.012 252);text-decoration:none;}
.g-toc a:hover{background:oklch(0.24 0.02 258);color:oklch(0.92 0.06 82);}

/* ---------- home: sezioni ---------- */
.hm-band{padding:34px 40px;background:oklch(0.18 0.015 255);border-bottom:1px solid var(--line-soft);}
.hm-band .hd{display:flex;align-items:center;justify-content:space-between;}
.hm-band h2{font-family:var(--f-head);font-size:20px;font-weight:700;letter-spacing:.06em;}
.hm-start{display:grid;grid-template-columns:repeat(3,1fr) 300px;gap:16px;margin-top:18px;}
.hm-step{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);}
.hm-step .n{font-family:var(--f-mono);font-size:12px;color:var(--gold);}
.hm-step .t{margin-top:10px;font-size:16px;font-weight:700;color:oklch(0.95 0.008 250);}
.hm-step .d{margin-top:5px;font-size:13px;line-height:1.55;color:oklch(0.70 0.013 252);}
.hm-have{padding:20px;border:1px solid oklch(0.40 0.06 80);border-radius:12px;background:linear-gradient(150deg,oklch(0.28 0.05 80) 0%,oklch(0.20 0.016 258) 70%);}
.hm-have .t{font-size:16px;font-weight:700;color:oklch(0.96 0.008 250);}
.hm-have .d{margin-top:5px;font-size:13px;line-height:1.5;color:oklch(0.76 0.013 252);}
.hm-have .lk{display:flex;gap:14px;margin-top:14px;font-size:13px;}

.hm-news{padding:42px 40px;}
.hm-news .hd{display:flex;align-items:baseline;justify-content:space-between;}
.hm-news h2{font-family:var(--f-head);font-size:26px;font-weight:700;}
.hm-news .grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:18px;margin-top:22px;}
.hm-news .n{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;cursor:pointer;}
.hm-news .n:hover{border-color:oklch(0.80 0.14 80 / .6);}
.hm-news .n .ph{position:relative;background:repeating-linear-gradient(135deg,oklch(0.26 0.02 258) 0 10px,oklch(0.22 0.018 258) 10px 20px);background-size:cover;background-position:center;}
.hm-news .n .ph .slot{position:absolute;left:12px;bottom:10px;font-family:var(--f-mono);font-size:11px;color:oklch(0.56 0.015 255);}
.hm-news .n .ph .tag{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:oklch(0.14 0.013 255 / .85);font-size:10px;font-weight:700;letter-spacing:.12em;}
.hm-news .n .bd{padding:16px 18px 20px;}
.hm-news .n .dt{font-size:11px;color:oklch(0.58 0.015 255);}
.hm-news .n .ti{margin-top:6px;font-family:var(--f-head);font-weight:700;line-height:1.25;color:oklch(0.96 0.008 250);}
.hm-news .n .tx{margin-top:8px;font-size:14px;line-height:1.5;color:oklch(0.72 0.013 252);text-wrap:pretty;}

.hm-offers-wrap{padding:0 40px 46px;}
.hm-offers{padding:28px 30px;border:1px solid oklch(0.34 0.02 258);border-radius:14px;background:linear-gradient(135deg,oklch(0.22 0.03 300) 0%,oklch(0.20 0.016 258) 55%);}
.hm-offers .hd{display:flex;align-items:baseline;justify-content:space-between;}
.hm-offers h2{font-family:var(--f-head);font-size:24px;font-weight:700;}
.hm-offers .sb{margin-top:6px;font-size:14px;color:oklch(0.72 0.013 252);}
.hm-offers .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;}
.hm-offer{display:flex;flex-direction:column;padding:16px;border:1px solid oklch(0.32 0.02 258);border-radius:10px;background:var(--panel);}
.hm-offer .top{display:flex;align-items:flex-start;justify-content:space-between;}
.hm-offer .box{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:oklch(0.25 0.02 258);overflow:hidden;}
.hm-offer .sale{padding:3px 8px;border-radius:6px;background:oklch(0.55 0.20 25);font-size:11px;font-weight:700;color:oklch(0.97 0.02 25);}
.hm-offer .nm{margin-top:12px;font-size:14px;font-weight:700;line-height:1.3;color:oklch(0.94 0.008 250);}
.hm-offer .ds{margin-top:5px;font-size:12px;line-height:1.45;color:oklch(0.65 0.015 255);flex:1;}
.hm-offer .ft{display:flex;align-items:center;justify-content:space-between;margin-top:14px;}
.hm-offer .pr{display:flex;align-items:center;gap:8px;}
.hm-offer .pr .v{font-family:var(--f-mono);font-size:17px;color:var(--gold);}
.hm-offer .pr .w{font-family:var(--f-mono);font-size:12px;color:oklch(0.55 0.015 255);text-decoration:line-through;}
.hm-offer .bt{display:flex;align-items:center;height:30px;padding:0 12px;border-radius:6px;background:oklch(0.30 0.02 258);font-size:12px;font-weight:700;color:oklch(0.90 0.01 250);cursor:pointer;}
.hm-offer .bt:hover{background:var(--gold);color:oklch(0.18 0.03 80);}
.hm-comm{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 40px 52px;}

/* captcha */
#lc,#TCaptcha{width:96px !important;text-align:center;text-transform:lowercase;font-family:var(--f-mono);font-size:17px;letter-spacing:.1em;}
#captcha,#rg-captcha,#vc{width:120px !important;text-align:center;text-transform:lowercase;}
.br-cap a.btn,.mg-cap a.btn{height:46px;}

/* ---------- gestione account ---------- */
.mg-safe{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid oklch(0.42 0.08 145);border-radius:10px;background:oklch(0.24 0.05 145);}
.mg-safe i{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:50%;background:oklch(0.72 0.17 145);color:oklch(0.16 0.03 145);font-size:13px;font-weight:700;font-style:normal;}
.mg-safe .t{font-size:13px;font-weight:700;color:oklch(0.93 0.02 145);}
.mg-safe .d{font-size:11px;color:oklch(0.78 0.03 145);}
.mg-safe.warn{border-color:oklch(0.52 0.13 82);background:oklch(0.28 0.05 82 / .45);}
.mg-safe.warn i{background:oklch(0.82 0.16 75);color:oklch(0.20 0.04 75);}
.mg-safe.warn .t{color:oklch(0.94 0.06 84);}
.mg-safe.warn .d{color:oklch(0.82 0.05 84);}
.mg-cur .ok.no{background:oklch(0.45 0.15 30);color:oklch(0.96 0.03 30);}
.mg-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:24px;align-items:start;}
.mg-side{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.mg-side .it{padding:12px 14px;border-radius:9px;border-left:3px solid transparent;cursor:pointer;}
.mg-side .it:hover{background:oklch(0.26 0.02 258);}
.mg-side .it .l{font-size:14px;font-weight:500;color:oklch(0.86 0.012 250);}
.mg-side .it .h{margin-top:3px;font-size:11px;color:oklch(0.60 0.015 255);}
.mg-side .it.sel{border-left-color:var(--gold);background:oklch(0.235 0.025 80 / .6);}
.mg-side .it.sel .l{font-weight:700;color:oklch(0.95 0.06 82);}
.mg-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.mg-card h2{font-family:var(--f-head);font-size:20px;font-weight:700;color:oklch(0.96 0.008 250);}
.mg-card .lead{margin-top:6px;max-width:660px;font-size:14px;line-height:1.55;color:oklch(0.70 0.013 252);}
.mg-cur{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);}
.mg-cur .k{font-size:11px;letter-spacing:.1em;color:oklch(0.60 0.015 255);}
.mg-cur .v{margin-top:4px;font-size:15px;font-weight:600;color:oklch(0.94 0.008 250);}
.mg-cur .ok{padding:4px 10px;border-radius:999px;background:oklch(0.40 0.10 145);font-size:11px;font-weight:700;color:oklch(0.95 0.04 145);}
.mg-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;max-width:620px;}
.mg-fields.one{grid-template-columns:1fr;max-width:420px;}
.mg-f{display:flex;flex-direction:column;gap:6px;}
.mg-f label{font-size:12px;letter-spacing:.08em;color:oklch(0.65 0.015 255);}
.mg-f input{height:46px;padding:0 14px;border:1px solid oklch(0.32 0.02 258);border-radius:9px;background:oklch(0.23 0.018 258);color:oklch(0.94 0.008 250);font:15px var(--f-body);outline:none;}
.mg-f input:focus{border-color:var(--gold);}
.mg-cap{display:flex;align-items:flex-end;gap:10px;}
.mg-cap img{width:130px;height:46px;border:1px solid oklch(0.32 0.02 258);border-radius:9px;background:#fff;cursor:pointer;}
.mg-cap a{padding-bottom:6px;font-size:12px;}
.mg-act{display:flex;align-items:center;gap:16px;margin-top:22px;}
.mg-act .go{display:flex;align-items:center;height:46px;padding:0 24px;border-radius:9px;background:var(--gold);color:oklch(0.18 0.03 80);font-size:14px;font-weight:700;cursor:pointer;}
.mg-act .go:hover{background:var(--gold-hi);}
.mg-act .nt{font-size:12px;color:oklch(0.60 0.015 255);}
.mg-req{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);max-width:420px;}
.mg-req .k{font-size:11px;letter-spacing:.1em;color:oklch(0.60 0.015 255);}
.mg-req .r{display:flex;align-items:center;gap:9px;font-size:13px;color:oklch(0.78 0.012 252);}
.mg-req .r i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--gold);}
.mg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;max-width:760px;}
.mg-steps .s{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);}
.mg-steps .s .n{font-family:var(--f-mono);font-size:12px;color:var(--gold);}
.mg-steps .s .t{margin-top:8px;font-size:13px;line-height:1.55;color:oklch(0.82 0.012 252);}
.ac-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3);cursor:pointer;}
.ac-row.on{border-color:oklch(0.44 0.09 145);background:oklch(0.24 0.04 145 / .55);}
.ac-row img{width:47px;height:16px;flex:none;object-fit:contain;}
.ac-row .t{font-size:15px;font-weight:700;color:oklch(0.94 0.008 250);}
.ac-row .d{margin-top:3px;font-size:12px;color:oklch(0.66 0.014 254);}
.ac-row .go{font-size:12px;font-weight:700;}
.pc-box{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.pc-box .hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid oklch(0.28 0.02 258);background:var(--panel-3);}
.pc-box .hd .t{font-size:15px;font-weight:700;color:oklch(0.94 0.008 250);}
.pc-box .hd .n{font-size:12px;color:oklch(0.62 0.015 255);}
.pc-box .th,.pc-box .tr{display:grid;grid-template-columns:1fr 190px 130px 150px;align-items:center;padding:11px 20px;border-bottom:1px solid oklch(0.28 0.02 258);}
.pc-box .th{font-size:11px;letter-spacing:.1em;color:oklch(0.62 0.015 255);}
.pc-box .tr{padding:14px 20px;border-bottom-color:oklch(0.25 0.018 258);}
.pc-box .tr .nm{font-size:14px;font-weight:600;color:oklch(0.93 0.008 250);}
.pc-box .tr .ip{margin-top:3px;font-family:var(--f-mono);font-size:11px;color:oklch(0.58 0.015 255);}
.pc-box .tr .lt{font-family:var(--f-mono);font-size:12px;color:oklch(0.70 0.013 252);}
.pc-box .tr .st{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;}
.pc-box .tr .st i{width:8px;height:8px;border-radius:50%;}
.pc-box .tr .ac{display:flex;justify-content:flex-end;gap:8px;}
.pc-box .tr .ac .bt{display:flex;align-items:center;height:30px;padding:0 12px;border:1px solid oklch(0.32 0.02 258);border-radius:7px;font-size:12px;font-weight:600;color:oklch(0.86 0.01 250);cursor:pointer;}
.pc-box .tr .ac .bt:hover{border-color:var(--gold);color:var(--gold);}
.pc-box .tr .ac .rm{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid oklch(0.32 0.02 258);border-radius:7px;cursor:pointer;}
.pc-box .tr .ac .rm:hover{border-color:oklch(0.55 0.20 25);}
.pc-box .ft{padding:14px 20px;font-size:12px;color:oklch(0.58 0.015 255);}

/* ---------- pagina download ---------- */
.dl-btn{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;height:50px;border-radius:10px;font-family:var(--f-head);font-size:14px;font-weight:700;letter-spacing:.04em;text-decoration:none;}
.dl-direct{background:var(--gold);color:oklch(0.18 0.03 80);box-shadow:0 8px 24px oklch(0.80 0.14 80 / .25);}
.dl-direct:hover{background:var(--gold-hi);color:oklch(0.18 0.03 80);}
.dl-mega{background:#d9272e;color:#fff;box-shadow:0 8px 24px oklch(0.55 0.20 25 / .3);}
.dl-mega:hover{background:#e8353c;color:#fff;}
.dl-mega .mega-logo{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;border-radius:50%;background:#fff;color:#d9272e;font-family:var(--f-head);font-size:13px;font-weight:700;line-height:1;}

.hm-pgstats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;}
.hm-pgstats .s{display:flex;align-items:baseline;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:oklch(0.24 0.018 258);}
.hm-pgstats .k{font-size:10px;letter-spacing:.08em;color:oklch(0.60 0.015 255);}
.hm-pgstats .v{font-family:var(--f-mono);font-size:14px;color:oklch(0.92 0.008 250);}

/* ---------- mantello personalizzato ---------- */
.ck-tabs{display:flex;gap:6px;margin-top:22px;border-bottom:1px solid var(--line);}
.ck-tabs .t{padding:11px 20px;margin-bottom:-1px;border:1px solid oklch(0.28 0.02 258);border-bottom:none;border-radius:9px 9px 0 0;background:var(--panel);font-family:var(--f-head);font-size:13px;font-weight:700;letter-spacing:.05em;color:oklch(0.68 0.014 254);cursor:pointer;}
.ck-tabs .t.sel{border-color:oklch(0.45 0.07 80);background:oklch(0.26 0.04 80);color:oklch(0.88 0.12 82);}
.ck-msg{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border:1px solid oklch(0.36 0.02 258);border-radius:10px;background:oklch(0.22 0.02 258);font-size:14px;line-height:1.5;color:oklch(0.84 0.012 252);}
.ck-msg img{width:16px;height:16px;flex:none;}
.ck-msg.ok{border-color:oklch(0.42 0.08 150);background:oklch(0.24 0.045 150);color:oklch(0.88 0.09 150);}
.ck-msg.err{border-color:oklch(0.45 0.10 25);background:oklch(0.24 0.05 25);color:oklch(0.86 0.09 25);}
.ck-slots{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;}
.ck-slot{width:200px;padding:14px;border:1px solid var(--line);border-radius:12px;background:oklch(0.20 0.016 258);}
.ck-slot .pic{position:relative;width:111px;height:340px;margin:0 auto;border:1px solid oklch(0.32 0.02 258);border-radius:4px;background-repeat:no-repeat;background-position:top center;background-size:cover;overflow:hidden;}
.ck-slot .pic .hid{position:absolute;left:0;top:0;width:111px;height:100px;background:repeating-linear-gradient(45deg,oklch(0 0 0 / .55) 0 5px,oklch(0 0 0 / .3) 5px 10px);}
.ck-slot .nm{margin-top:12px;font-size:13px;font-weight:700;color:oklch(0.93 0.008 250);text-align:center;}
.ck-slot .st{margin-top:4px;font-size:11px;text-align:center;}
.ck-slot .acts{display:flex;gap:8px;margin-top:12px;}
.ck-slot .acts .b{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border:1px solid oklch(0.34 0.02 258);border-radius:7px;background:oklch(0.24 0.016 258);font-size:12px;font-weight:600;color:oklch(0.84 0.012 252);cursor:pointer;}
.ck-slot .acts .b img{width:13px;height:13px;}
.ck-slot .acts .b.gold{border-color:oklch(0.55 0.10 80);background:oklch(0.30 0.05 80);color:oklch(0.88 0.10 82);}
.ck-slot .acts .b.red{border-color:oklch(0.45 0.09 25);color:oklch(0.80 0.10 25);}
.ck-slot .acts .b.off{cursor:default;}
.ck-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:200px;min-height:436px;border:1px dashed oklch(0.38 0.02 258);border-radius:12px;background:oklch(0.185 0.014 258);cursor:pointer;}
.ck-new:hover{border-color:var(--gold);}
.ck-new .p{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid oklch(0.42 0.03 258);border-radius:50%;color:var(--gold);font-size:22px;}
.ck-new .t{font-size:13px;font-weight:600;color:oklch(0.88 0.01 250);}
.ck-new .h{font-size:11px;color:oklch(0.60 0.015 255);}
.ck-empty{margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:center;font-size:14px;color:oklch(0.66 0.014 254);}
.ck-up{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-top:24px;align-items:start;}
.ck-up .box{padding:22px;border:1px solid var(--line);border-radius:12px;background:oklch(0.20 0.016 258);}
.ck-up .fields{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;}
.ck-up .f{display:flex;flex-direction:column;gap:6px;flex:1;min-width:190px;}
.ck-up .f label{font-size:12px;letter-spacing:.08em;color:oklch(0.65 0.015 255);}
.ck-up .f input[type=text]{height:44px;padding:0 14px;border:1px solid oklch(0.32 0.02 258);border-radius:9px;background:oklch(0.22 0.015 258);color:oklch(0.95 0.008 250);font-size:14px;outline:none;}
.ck-up .f input[type=text]:focus{border-color:var(--gold);}
.ck-up .f .h{font-size:11px;color:oklch(0.58 0.015 255);}
.ck-up .filebox{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px dashed oklch(0.38 0.02 258);border-radius:9px;background:oklch(0.22 0.015 258);color:oklch(0.78 0.012 252);font-size:13px;cursor:pointer;}
.ck-up .filebox b{color:var(--gold);font-weight:600;}
.ck-up .filebox span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ck-up .filebox input{display:none;}
.ck-cut{display:flex;gap:26px;margin-top:22px;}
.ck-cut .lb{margin-bottom:8px;font-size:12px;letter-spacing:.08em;color:oklch(0.65 0.015 255);}
#picture-container{position:relative;width:111px;height:493px;border:1px solid oklch(0.62 0.18 25);background:oklch(0.16 0.012 258);overflow:hidden;cursor:grab;}
#picture-selector{position:absolute;top:0;left:0;}
#picture-preview{display:block;}
#picture-out-area{position:absolute;top:0;left:0;width:111px;height:145px;background:repeating-linear-gradient(45deg,oklch(0 0 0 / .62) 0 6px,oklch(0 0 0 / .38) 6px 12px);border-bottom:1px dashed oklch(0.85 0.14 80);pointer-events:none;}
#picture-out-area:after{content:'ZONA COPERTA';position:absolute;left:0;bottom:6px;width:111px;text-align:center;font-size:9px;letter-spacing:.05em;color:oklch(0.86 0.01 250);}
.ck-coords{margin-top:8px;font-family:var(--f-mono);font-size:11px;color:oklch(0.60 0.015 255);}
.ck-side{display:flex;flex-direction:column;gap:14px;}
#nav-arrow{position:relative;width:105px;height:105px;}
#nav-arrow div{position:absolute;display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid oklch(0.36 0.02 258);border-radius:7px;background:oklch(0.24 0.016 258);color:oklch(0.86 0.01 250);font-size:13px;cursor:pointer;user-select:none;}
#nav-arrow div:hover{background:oklch(0.30 0.03 258);}
#nav-arrow-up{top:0;left:36px;}
#nav-arrow-left{top:36px;left:0;}
#nav-arrow-right{top:36px;left:72px;}
#nav-arrow-down{top:72px;left:36px;}
.ck-note{font-size:12px;line-height:1.6;color:oklch(0.66 0.014 254);max-width:180px;}
.ck-btns{display:flex;gap:10px;margin-top:4px;}
.ck-btns .go{display:flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border:0;border-radius:9px;background:var(--gold);color:oklch(0.18 0.03 80);font:700 14px var(--f-body);cursor:pointer;}
.ck-btns .go:hover{background:var(--gold-hi);}
.ck-btns .no{display:flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border:1px solid oklch(0.34 0.02 258);border-radius:9px;color:oklch(0.80 0.012 252);font-size:14px;cursor:pointer;}
.ck-demo{padding:20px;border:1px solid var(--line);border-radius:12px;background:oklch(0.20 0.016 258);}
.ck-demo .t{font-family:var(--f-head);font-size:15px;font-weight:700;letter-spacing:.06em;color:oklch(0.93 0.008 250);}
.ck-demo img{display:block;width:219px;margin:14px auto 0;}
.ck-demo .d{margin-top:10px;font-size:12px;line-height:1.6;color:oklch(0.66 0.014 254);}
.ck-demo .s{margin-top:14px;padding-top:12px;border-top:1px solid oklch(0.28 0.018 258);font-size:12px;line-height:1.7;color:oklch(0.64 0.015 255);}
.ck-conf{display:flex;gap:24px;margin-top:24px;padding:24px;border:1px solid oklch(0.34 0.02 258);border-radius:12px;background:oklch(0.20 0.016 258);}
.ck-conf .pic{width:111px;height:340px;flex:none;border:1px solid oklch(0.32 0.02 258);border-radius:4px;background-repeat:no-repeat;background-position:top center;background-size:cover;}
.ck-conf h2{font-family:var(--f-head);font-size:20px;font-weight:700;color:oklch(0.96 0.008 250);}
.ck-conf .fl{margin-top:6px;font-size:13px;color:oklch(0.62 0.015 255);}
.ck-conf .tx{margin-top:16px;max-width:520px;font-size:14px;line-height:1.7;color:oklch(0.76 0.013 252);}
.ck-cost{display:flex;align-items:center;gap:20px;margin-top:18px;padding:14px 18px;border:1px solid oklch(0.42 0.06 80);border-radius:10px;background:oklch(0.24 0.035 80);width:fit-content;}
.ck-cost .v{display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:19px;color:oklch(0.86 0.13 82);}
.ck-cost .v img{width:20px;height:20px;}
.ck-cost .u{font-family:var(--f-body);font-size:13px;color:oklch(0.80 0.05 80);}
.ck-cost .sep{width:1px;height:26px;background:oklch(0.40 0.04 80);}
.ck-cost .bal{font-size:12px;color:oklch(0.76 0.04 80);}
.ck-rules{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.ck-rules div{flex:1;min-width:240px;font-size:13px;line-height:1.65;color:oklch(0.70 0.013 252);}
.ck-rules b{color:oklch(0.90 0.01 250);}
#progressbox{display:none;height:8px;margin-top:12px;border-radius:4px;background:oklch(0.28 0.02 258);overflow:hidden;}
#progressbar{height:8px;width:0;background:var(--gold);}
#statustxt{margin-top:6px;font-family:var(--f-mono);font-size:11px;color:oklch(0.66 0.014 254);}

/* donazioni Mint */
.dn-methods .m{position:relative;}
.dn-methods .m.best{border-color:oklch(0.52 0.12 145);background:linear-gradient(160deg,oklch(0.24 0.05 145) 0%,oklch(0.20 0.016 258) 62%);box-shadow:0 10px 30px oklch(0.30 0.08 145 / .22);}
.dn-methods .m.best:hover{border-color:oklch(0.66 0.15 145);}
.dn-methods .m .badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:999px;background:oklch(0.62 0.16 145);font-size:10px;font-weight:700;letter-spacing:.1em;color:oklch(0.14 0.03 145);}
.dn-methods .m .pros{display:flex;flex-direction:column;gap:6px;margin-top:12px;text-align:left;}
.dn-methods .m .pros{align-items:center;}
.dn-methods .m .pros span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.45;color:oklch(0.88 0.10 145);}
.dn-methods .m .pros i{width:6px;height:6px;margin-top:6px;flex:none;border-radius:50%;background:oklch(0.72 0.17 145);}
.dn-tip{display:flex;align-items:center;gap:16px;margin-top:16px;padding:16px 20px;border:1px solid oklch(0.44 0.09 145);border-radius:12px;background:oklch(0.23 0.04 145 / .55);}
.dn-tip img{width:44px;height:44px;flex:none;}
.dn-tip div{font-size:13.5px;line-height:1.6;color:oklch(0.86 0.04 145);}
.dn-tip b{color:oklch(0.94 0.06 145);}
.dn-tip .go{flex:none;padding:11px 18px;border-radius:9px;background:oklch(0.62 0.16 145);font-size:13px;font-weight:700;color:oklch(0.14 0.03 145);cursor:pointer;white-space:nowrap;}
.dn-tip .go:hover{background:oklch(0.70 0.17 145);}

/* finestra premi amici */
#friend-rewards{display:flex;flex-direction:column;max-height:86vh;}
#friend-rewards .head{flex:none;}
#friend-rewards .body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;}
#friend-rewards .body::-webkit-scrollbar{width:10px;}
#friend-rewards .body::-webkit-scrollbar-track{background:oklch(0.18 0.015 258);border-radius:5px;}
#friend-rewards .body::-webkit-scrollbar-thumb{background:oklch(0.36 0.03 258);border-radius:5px;}
#friend-rewards .body::-webkit-scrollbar-thumb:hover{background:oklch(0.50 0.08 80);}


a.btn:hover,a.btn:focus,a.buy-button:hover,a.dl-btn:hover,
.btn:hover,.buy-button:hover,.dl-direct:hover,
.mg-act .go:hover,.ck-btns .go:hover,.rd-in a:hover,
#login-box a.reg:hover,#pg-pop .foot a:hover,
.dn-tip .go:hover,.tabs .tab:hover{color:inherit;}
a.btn,a.dl-btn,.rd-in a,#login-box a.reg{text-decoration:none;}
.btn:hover,a.btn:hover{color:oklch(0.18 0.03 80);}
.btn.ghost:hover{color:var(--gold);}
.buy-button:hover,.dl-direct:hover,.mg-act .go:hover,.ck-btns .go:hover,.rd-in a:hover,#login-box a.reg:hover{color:oklch(0.18 0.03 80);}
.dl-mega:hover{color:#fff;}

/* ---------- avvisi needChar / needVerify / needContacts ---------- */
.nd-box{display:flex;align-items:flex-start;gap:18px;padding:24px 26px;border:1px solid oklch(0.50 0.12 82);border-radius:13px;background:linear-gradient(150deg,oklch(0.27 0.06 82) 0%,oklch(0.20 0.016 258) 68%);}
.nd-box.soft{border-color:var(--line);background:var(--panel);}
.nd-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;background:oklch(0.80 0.14 80);color:oklch(0.18 0.03 80);font-family:var(--f-head);font-size:20px;font-weight:700;}
.nd-ico.soft{background:oklch(0.34 0.02 258);color:oklch(0.86 0.01 250);font-size:17px;}
.nd-t{font-family:var(--f-head);font-size:19px;font-weight:700;color:oklch(0.96 0.008 250);}
.nd-d{margin-top:8px;font-size:14px;line-height:1.6;color:oklch(0.80 0.012 252);}
.nd-act{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}

#pg-chip #pg-face.empty{background:none;position:relative;}
#pg-chip #pg-face.empty:after{content:'?';position:absolute;left:0;top:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:oklch(0.55 0.015 255);font-family:var(--f-head);font-size:15px;font-weight:700;}

/* torneo BR */
.br-matches{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;}
.br-matches .m{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;}
.br-matches .m:hover{border-color:var(--gold);background:oklch(0.235 0.025 80 / .45);}
.br-matches .m .ic{width:28px;height:28px;flex:none;background:url('../image/warsword.png') no-repeat center/contain;}
.br-matches .m .nm{font-family:var(--f-head);font-size:14px;font-weight:700;color:oklch(0.94 0.008 250);}
.br-matches .m .dt{margin-top:2px;font-family:var(--f-mono);font-size:11.5px;color:oklch(0.66 0.014 254);}

/* torneo BR dettaglio battaglia */
.br-battle{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;align-items:start;}
.br-battle .col{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.br-battle .hd{padding:13px 18px;border-bottom:1px solid oklch(0.28 0.02 258);background:var(--panel-3);font-family:var(--f-head);font-size:14px;font-weight:700;letter-spacing:.06em;color:oklch(0.94 0.008 250);}
.br-battle .p{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid oklch(0.25 0.018 258);}
.br-battle .p:last-child{border-bottom:0;}
.br-battle .p .pos{width:26px;flex:none;font-family:var(--f-head);font-size:17px;font-weight:700;color:var(--gold);text-align:center;}
.br-battle .p .face{width:25px;height:25px;flex:none;border-radius:5px;background-image:url('../image/charfacesmall.png');background-repeat:no-repeat;}
.br-battle .p .cls{width:20px;height:20px;flex:none;background-image:url('../image/smallclasses.png');background-repeat:no-repeat;}
.br-battle .p .nm{flex:1;min-width:0;font-size:14px;font-weight:700;color:oklch(0.93 0.008 250);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.br-battle .p .sc{font-size:12.5px;color:oklch(0.74 0.013 252);white-space:nowrap;}
.br-battle .p .sc b{font-family:var(--f-mono);color:var(--gold);}
.br-battle .p .sc span{color:oklch(0.60 0.015 255);}
.br-battle .empty{padding:20px;text-align:center;font-size:13px;color:oklch(0.66 0.014 254);}

/* torneo BR stato concluso */
.br-phase.end{border:1px solid oklch(0.50 0.13 45);background:oklch(0.28 0.06 45 / .35);}
.br-phase.end i{background:oklch(0.84 0.14 45);}
.br-phase.end span{color:oklch(0.86 0.14 45);}

/* simbolo del gruppo */
.symbox{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:1px solid oklch(0.55 0.06 80);border-radius:8px;background:linear-gradient(160deg,oklch(0.92 0.02 85) 0%,oklch(0.78 0.04 80) 100%);box-shadow:inset 0 1px 0 oklch(1 0 0 / .5);}
.symbox img{display:block;width:32px;height:32px;}
.symbox.lg{width:52px;height:52px;border-radius:10px;}
.symbox.lg img{width:42px;height:42px;}
.symbox.sm{width:34px;height:34px;border-radius:7px;}
.symbox.sm img{width:26px;height:26px;}
.br-team .symbox.lg{margin-right:2px;}

/* ---------- tutte le news ---------- */
.nw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;}
.nw-grid .n{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.nw-grid .n:hover{border-color:oklch(0.80 0.14 80 / .55);}
.nw-grid .n .ph{position:relative;height:170px;background:repeating-linear-gradient(135deg,oklch(0.26 0.02 258) 0 10px,oklch(0.22 0.018 258) 10px 20px);background-size:cover;background-position:center;}
.nw-grid .n .ph .tag{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:oklch(0.14 0.013 255 / .85);font-size:10px;font-weight:700;letter-spacing:.12em;}
.nw-grid .n .ph .slot{position:absolute;left:12px;bottom:10px;font-family:var(--f-mono);font-size:11px;color:oklch(0.56 0.015 255);}
.nw-grid .n .bd{display:flex;flex-direction:column;flex:1;padding:16px 18px 20px;}
.nw-grid .n .dt{font-size:11px;color:oklch(0.58 0.015 255);}
.nw-grid .n .ti{margin-top:6px;font-family:var(--f-head);font-size:17px;font-weight:700;line-height:1.25;color:oklch(0.96 0.008 250);}
.nw-grid .n .tx{margin-top:8px;flex:1;font-size:13.5px;line-height:1.55;color:oklch(0.72 0.013 252);text-wrap:pretty;}
.nw-grid .n .go{margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--gold);}
.nw-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;}
.nw-pager a{padding:8px 14px;border:1px solid oklch(0.30 0.02 258);border-radius:8px;font-size:13px;color:oklch(0.80 0.012 252);text-decoration:none;}
.nw-pager a:hover{border-color:var(--gold);color:var(--gold);}
.nw-pager a.sel{border-color:var(--gold);background:oklch(0.80 0.14 80 / .14);color:var(--gold);font-weight:700;}
.nw-pager span{color:oklch(0.50 0.015 255);}

/* riquadro conferma voto */
#vote-confirm-box{display:block !important;width:100% !important;height:auto !important;min-width:0;text-align:left !important;}
#vote-confirm-box > .card,#vote-captcha{display:block;width:100%;max-width:620px;box-sizing:border-box;}
.vote-wait{padding:16px 0;font-size:13px;color:var(--muted);}

/* immagine captcha */
.cap-img{width:120px;height:48px;flex:none;border:1px solid var(--line);border-radius:var(--r-m);background:#fff;object-fit:contain;cursor:pointer;}
.cap-new{flex:none;align-self:flex-end;height:48px;}

/* classifiche */
.rank-modes,.rank-bar,.podium{max-width:1180px;margin-left:auto;margin-right:auto;}
#rank-head{max-width:1180px;margin:0 auto;}

.rank-tbl .rh > span,.rank-tbl .rr > span{text-align:center;justify-content:center;}
.rank-tbl .rh > span:nth-child(2),.rank-tbl .rr > span:nth-child(2){text-align:left;justify-content:flex-start;}
.rank-tbl .rr .c3,.rank-tbl .rr .c4{display:flex;align-items:center;justify-content:center;gap:8px;}
.rank-tbl .rr .sc{text-align:center;}
