/* =========================================================================
   Distribuidor Calamity: o que é só desta página. A paleta, a barra de topo
   e o rodapé vêm do /css/base.css, carregado antes desta.
   ========================================================================= */
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);}
h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,3vw,1.8rem);letter-spacing:.02em;text-transform:uppercase;margin:.15em 0 .3em;text-wrap:balance;}
.sub{max-width:62ch;color:var(--muted);font-size:1.02rem;}
.hero-row{display:flex;align-items:center;gap:18px;}
.guild-logo{width:72px;height:72px;flex:none;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 0 4px rgba(0,0,0,.30),0 8px 20px rgba(0,0,0,.45);}
@media(max-width:560px){.hero-row{gap:13px;}.guild-logo{width:54px;height:54px;}}

h2{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:22px;  clip-path:polygon(0 0, calc(100% - var(--chanfro)) 0, 100% var(--chanfro), 100% 100%, var(--chanfro) 100%, 0 calc(100% - var(--chanfro)));
  background-image:var(--corte-cima), var(--corte-baixo);
  background-size:var(--chanfro) var(--chanfro);
  background-position:top right, bottom left;
  background-repeat:no-repeat;
  background-origin:border-box;   /* como o clip-path; o padrao mede pela caixa interior e desalinha 1px */
}
.row{display:flex;flex-wrap:wrap;gap:16px;}
.row > .col{flex:1 1 280px;min-width:0;}
label.lbl{display:block;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;color:var(--muted);margin:0 0 5px;}
textarea,input[type=number],input[type=password],input[type=search],select,input[type=file]{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-family:var(--font-mono);font-size:.85rem;}
textarea{resize:vertical;min-height:130px;}
textarea:focus,input:focus,select:focus{outline:2px solid var(--cyan);outline-offset:1px;}
.hint{font-size:.82rem;color:var(--muted);margin:8px 0 0;}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.btn{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px 14px;cursor:pointer;}
.btn:hover{border-color:var(--accent);--chanfro-line:var(--accent);}
.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.btn.primary{background:var(--action);border-color:var(--action);color:var(--action-ink);font-weight:700;}
.btn:disabled{opacity:.45;cursor:not-allowed;}
.small{display:flex;gap:12px;margin-top:12px;}
.small > div{flex:1;}
.msg{margin-top:12px;font-size:.88rem;color:var(--cyan);}
.msg.err{color:var(--rust);}
.msg.warn{color:var(--muted);}

.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;}
.stat{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;}
.stat .k{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;}
.stat .v{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-top:2px;}
.starpick{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px;}
.starpick label{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.82rem;cursor:pointer;}
.starpick input{width:auto;margin:0;}
.stars{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.star{background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;  clip-path:polygon(0 0, calc(100% - var(--chanfro)) 0, 100% var(--chanfro), 100% 100%, var(--chanfro) 100%, 0 calc(100% - var(--chanfro)));
  background-image:var(--corte-cima), var(--corte-baixo);
  background-size:var(--chanfro) var(--chanfro);
  background-position:top right, bottom left;
  background-repeat:no-repeat;
  background-origin:border-box;   /* como o clip-path; o padrao mede pela caixa interior e desalinha 1px */
}
.star header{padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2);}
.star h3{margin:0;font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;text-transform:uppercase;}
.star .meta{font-family:var(--font-mono);font-size:.74rem;color:var(--muted);margin-top:3px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.star .bar{height:5px;background:var(--line);}
.star .bar i{display:block;height:100%;background:var(--accent);}
.star ol{list-style:none;margin:0;padding:6px 0;max-height:260px;overflow:auto;font-size:.84rem;}
.star li{display:flex;justify-content:space-between;gap:10px;padding:2px 12px;}
.star li:nth-child(even){background:rgba(127,127,127,.07);}
.star li span:last-child{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;}
.star li.mvp{font-weight:700;color:var(--gold);}
.copy-star{margin-top:8px;font-family:var(--font-mono);font-size:.72rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:4px 9px;cursor:pointer;}
.copy-star:hover{border-color:var(--accent);--chanfro-line:var(--accent);}
.copy-star:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.copy-star.done{border-color:var(--green);color:var(--green);}
.dbox{margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);}
.dbox .btns{margin-top:10px;}
.chk{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);margin-top:8px;cursor:pointer;}
.chk input{width:auto;margin:0;}
.dev-pos{color:var(--green);} .dev-neg{color:var(--rust);}
details.how{margin-top:22px;color:var(--muted);font-size:.92rem;}
details.how summary{cursor:pointer;color:var(--text);font-family:var(--font-mono);font-size:.82rem;}
footer{margin-top:44px;padding-top:16px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);}
[hidden]{display:none !important;}