/* ===== Classicus template (estilo classico 7.4) ===== */
@font-face{font-family:"Martel";src:url("martel.ttf") format("truetype");}
:root{
 --navy:#0f1d33; --navy2:#16294a; --navy3:#1d3560;
 --gold:#c9a24a; --gold2:#f0c75e; --gold3:#8a6a22;
 --red:#6e0f12; --red2:#9a1a1d;
 --parch:#f3e6c4; --parch2:#e8d5a6; --ink:#2b1d0e;
}
body.cl-body{margin:0;font-family:Verdana,Arial,sans-serif;font-size:12px;color:var(--ink);}
#cl-wrap{width:calc(100% - 24px);max-width:1260px;margin:0 auto;padding-bottom:30px;}
#cl-logo{text-align:center;height:175px;overflow:hidden;}
#cl-logo img{height:230px;margin-top:-28px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.7));}
#cl-grid{display:grid;grid-template-columns:215px minmax(0,1fr) 215px;gap:16px;align-items:start;}

/* caixas laterais */
.cl-box{background:linear-gradient(180deg,var(--navy2),var(--navy));border:2px solid var(--gold);border-radius:5px;
 box-shadow:0 0 0 1px #000,0 4px 12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(240,199,94,.25);margin-bottom:12px;overflow:hidden;}
.cl-box-h{font-family:Martel,Georgia,serif;font-weight:bold;text-align:center;color:var(--gold2);font-size:14px;letter-spacing:.5px;
 padding:5px 4px 4px;background:linear-gradient(180deg,var(--navy3),var(--navy2));border-bottom:1px solid var(--gold3);
 text-shadow:1px 1px 0 #000;text-transform:lowercase;}
.cl-premium .cl-box-h{background:linear-gradient(180deg,#5a1013,var(--red));}
.cl-box-b{padding:8px 9px;color:#e8dcc0;}
.cl-center{text-align:center;}
.cl-small{font-size:10px;color:#c9b88f;}

/* login */
.cl-login label{display:block;color:var(--gold2);font-size:10px;font-weight:bold;margin:2px 0 1px;}
.cl-login input{width:100%;box-sizing:border-box;padding:3px 5px;border:1px solid var(--gold3);background:#f7f1e1;font-size:11px;border-radius:2px;margin-bottom:4px;}
.cl-btn{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:5px 0;text-align:center;font-weight:bold;font-size:11px;
 color:#fff !important;text-decoration:none !important;border:1px solid #000;border-radius:3px;
 background:linear-gradient(180deg,#3d6bb3,#1e3f78);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);}
.cl-btn:hover{filter:brightness(1.15);}
.cl-btn.cl-gold{background:linear-gradient(180deg,var(--gold2),#b07e1c);color:#2b1a00 !important;text-shadow:0 1px 0 rgba(255,255,255,.4);}
.cl-login-links{text-align:center;margin-top:6px;line-height:16px;}
.cl-login-links a{display:block;color:#9fc3ff !important;font-size:10px;}
.cl-welcome{color:var(--gold2);text-align:center;font-weight:bold;}

/* download */
#cl-download{display:block;margin:0 0 12px;padding:9px 0;text-align:center;font-family:Martel,Georgia,serif;font-weight:bold;font-size:16px;
 color:#fff !important;text-decoration:none !important;text-shadow:1px 1px 0 #000;border:2px solid var(--gold);border-radius:5px;
 background:linear-gradient(180deg,#4fb34a,#1f7a22);box-shadow:0 0 0 1px #000,0 4px 10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.35);}
#cl-download:hover{filter:brightness(1.12);}

/* menu sanfona */
.cl-sec{margin-bottom:6px;border:2px solid var(--gold);border-radius:5px;background:var(--navy);box-shadow:0 0 0 1px #000,0 3px 8px rgba(0,0,0,.55);overflow:hidden;}
.cl-sec-h{position:relative;padding:6px 26px 5px;text-align:center;font-family:Martel,Georgia,serif;font-weight:bold;font-size:14px;color:var(--gold2);
 text-transform:lowercase;letter-spacing:.5px;text-shadow:1px 1px 0 #000;background:linear-gradient(180deg,var(--navy3),var(--navy2));cursor:pointer;user-select:none;}
.cl-arrow{position:absolute;right:9px;top:50%;margin-top:-3px;border:5px solid transparent;border-top-color:var(--gold2);transition:transform .2s;}
.cl-sec.cl-open .cl-arrow{transform:rotate(180deg);margin-top:-8px;}
.cl-sec-b{display:none;background:#f1e3bf;border-top:1px solid var(--gold3);padding:3px 0;}
.cl-sec.cl-open .cl-sec-b{display:block;}
.cl-item{display:block;padding:3px 10px 3px 20px;color:#3a2410 !important;font-size:11px;text-decoration:none !important;position:relative;}
.cl-item:before{content:"\2022";position:absolute;left:9px;color:var(--red2);}
.cl-item:hover{background:#e6d3a3;color:#000 !important;}
.cl-item.cl-on{font-weight:bold;color:var(--red) !important;}

/* barra superior */
#cl-topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;margin-bottom:12px;border:2px solid var(--gold);border-radius:6px;
 background:linear-gradient(180deg,var(--navy3),var(--navy));box-shadow:0 0 0 1px #000,0 4px 12px rgba(0,0,0,.6);font-family:Martel,Georgia,serif;}
.cl-tb{color:#f3e6c4 !important;font-weight:bold;font-size:13px;text-decoration:none !important;white-space:nowrap;text-shadow:1px 1px 0 #000;}
.cl-tb:hover{color:var(--gold2) !important;}
.cl-tb.cl-off{opacity:.55;cursor:default;}
.cl-ico{color:var(--gold2);}
.cl-online{margin-left:auto;padding:2px 10px;border-radius:10px;background:#0b2a12;border:1px solid #2f8a3a;color:#7CFC7C !important;
 font-family:Verdana;font-weight:bold;font-size:11px;text-decoration:none !important;white-space:nowrap;}
.cl-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3fdc3f;margin-right:5px;box-shadow:0 0 6px #3fdc3f;}
.cl-flags{display:flex;gap:5px;}
.cl-flag{display:inline-block;width:20px;height:14px;border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px rgba(240,199,94,.4);}
.cl-br{background:radial-gradient(circle at 50% 50%,#1b3f99 0 3px,transparent 3.5px),linear-gradient(26deg,transparent 38%,#ffd400 39% 61%,transparent 62%),linear-gradient(-26deg,transparent 38%,#ffd400 39% 61%,transparent 62%),#139a3a;}
.cl-us{background:linear-gradient(#2a3a7a,#2a3a7a) 0 0/9px 7px no-repeat,repeating-linear-gradient(#b22234 0 2px,#fff 2px 4px);}
.cl-es{background:linear-gradient(#c60b1e 0 25%,#ffc400 25% 75%,#c60b1e 75%);}

/* conteudo central pergaminho */
#cl-content{border:2px solid var(--gold);border-radius:6px;background:var(--parch);box-shadow:0 0 0 1px #000,0 6px 18px rgba(0,0,0,.65);overflow:hidden;}
.cl-title{margin:0;padding:12px 18px 8px;font-family:Martel,Georgia,serif;font-size:24px;color:var(--red);
 background:linear-gradient(180deg,#f8eed4,var(--parch));border-bottom:2px solid var(--red);text-shadow:0 1px 0 #fff;}
.cl-scroll{padding:14px 16px;background:var(--parch) url(images/content/scroll.gif);background-blend-mode:multiply;min-height:400px;}
#cl-footer{margin-top:10px;text-align:center;color:#e8dcc0;font-size:10px;text-shadow:1px 1px 0 #000;}
#cl-footer a{color:var(--gold2) !important;}

/* faixa vermelha das noticias (estrutura tibiacom) */
#cl-content .NewsHeadline{background:none !important;}
#cl-content .NewsHeadlineBackground{background:linear-gradient(180deg,var(--red2),var(--red)) !important;border:1px solid #3a0607;border-radius:2px;}
#cl-content .NewsHeadlineText,#cl-content .NewsHeadlineDate{color:#fff !important;}

/* powergamers */
.cl-pg{display:flex;align-items:center;gap:4px;padding:3px 0;border-bottom:1px dashed rgba(201,162,74,.25);}
.cl-pg-n{width:14px;color:var(--gold2);font-weight:bold;font-family:Martel,Georgia,serif;}
.cl-pg-o{width:40px;height:40px;object-fit:none;object-position:right bottom;margin:-6px 0;}
.cl-pg-t{line-height:13px;overflow:hidden;}
.cl-pg-t a{color:#9fc3ff !important;font-weight:bold;font-size:11px;}
.cl-pg-t small{display:block;color:#c9b88f;font-size:9px;}
.cl-more{display:block;text-align:center;margin-top:6px;color:var(--gold2) !important;font-size:11px;font-weight:bold;}
.cl-clock{display:inline-block;margin:5px 0;padding:3px 10px;font-family:"Courier New",monospace;font-size:22px;font-weight:bold;letter-spacing:2px;
 color:#f3e6c4;background:#05080f;border:1px solid var(--gold3);border-radius:4px;box-shadow:inset 0 0 8px #000;}
#ClassicusCountdown{margin-bottom:12px !important;border-color:var(--gold) !important;}
#cl-content .TableContainer .CaptionContainer,#cl-content .TableContainer .CaptionContainer .CaptionInnerContainer{height:auto !important;}

/* responsivo */
@media (max-width:1100px){#cl-grid{grid-template-columns:200px minmax(0,1fr);}#cl-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}#cl-right .cl-box{margin:0;}}
@media (max-width:760px){#cl-grid{grid-template-columns:1fr;}#cl-logo{height:auto}#cl-logo img{height:auto;width:100%;margin:0}#cl-topbar{flex-wrap:wrap}.cl-online{margin-left:0}}
/* caixas de mensagem/erro (altura) */
#cl-content .SmallBox,#cl-content .SmallBox .ErrorMessage,#cl-content .SmallBox .Message,#cl-content .SmallBox .MessageContainer{height:auto !important;min-height:0 !important;}
/* coluna direita: corpo pergaminho como os menus da esquerda */
#cl-right .cl-box{background:var(--navy);}
#cl-right .cl-box-b{background:#f1e3bf;color:#3a2410;border-top:1px solid var(--gold3);}
#cl-right .cl-small{color:#5a4020;}
#cl-right .cl-pg{border-bottom-color:rgba(110,15,18,.2);}
#cl-right .cl-pg-n{color:var(--red);}
#cl-right .cl-pg-t a{color:#6e0f12 !important;}
#cl-right .cl-pg-t small{color:#5a4020;}
#cl-right .cl-more{color:var(--red) !important;}

/* BOOSTED-2: criatura + boss lado a lado */
#cl-right .cl-boosted{display:flex;gap:6px;justify-content:center;}
.cl-bst{flex:1 1 0;text-align:center;min-width:0;}
.cl-bst-img{height:68px;display:flex;align-items:flex-end;justify-content:center;background:rgba(110,15,18,.07);border:1px solid rgba(138,106,34,.5);border-radius:4px;overflow:hidden;}
.cl-bst-img img{max-width:100%;max-height:66px;}
.cl-bst-lbl{margin-top:3px;font-size:9px;font-weight:bold;letter-spacing:1px;color:#6e0f12;}
.cl-bst-name{font-size:10px;color:#3a2410;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
