.ferus-rpg,.ferus-rpg *{box-sizing:border-box}
.ferus-rpg{width:100%;max-width:1000px;margin:0 auto;padding:16px 0 32px;background:transparent;font-family:"Poppins",Arial,sans-serif;font-size:14px;line-height:1.5;color:#1c1c23;text-align:left}
.ferus-rpg .ferus-heading{text-align:center;padding:8px 12px 36px}
.ferus-rpg .ferus-heading h2{font-family:inherit;font-size:clamp(27px,4.5vw,42px);font-weight:900;line-height:1.15;letter-spacing:-1.4px;color:#ffd16a;margin:0;padding:0}
.ferus-rpg .ferus-board{background:#fff;border:1px solid #e5e5e8;border-radius:4px;padding:30px;box-shadow:0 14px 50px #00000018;color:#1c1c23}
.ferus-rpg .board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:900;letter-spacing:1px;color:#17171e;margin-bottom:10px}
.ferus-rpg .board-caption{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#777780}
.ferus-rpg p{margin:10px 0;line-height:1.65;font-family:inherit}
.ferus-rpg .notice{font-size:12px;color:#777780;padding:0 0 20px;margin:0;border:0}
.ferus-rpg .panel{background:transparent;border:0;border-top:1px solid #e9e9ed;border-radius:0;margin:0;padding:24px 0;position:relative}
.ferus-rpg .panel:last-child{padding-bottom:0}
.ferus-rpg h3.section-title{font-family:inherit;display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:1px;color:#262630;margin:0 0 18px;padding:0}
.ferus-rpg .section-title>span{display:inline-grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1px solid #e3e3e8;border-radius:4px;background:#f6f6f8;color:#85858f;font-size:10px;letter-spacing:0}
.ferus-rpg .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.ferus-rpg label{display:block;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;color:#42424b;line-height:1.5;margin:0}
.ferus-rpg input,.ferus-rpg select,.ferus-rpg button{font-family:inherit;font-size:13px;font-weight:400;line-height:1.4;text-transform:none;letter-spacing:0;box-shadow:none;border-radius:6px;transition:background .15s,border-color .15s}
.ferus-rpg input,.ferus-rpg select{display:block;width:100%;height:46px;min-height:46px;margin:7px 0 0;padding:11px 12px;color:#25252c;background:#f8f8fa;border:1px solid #dedee5;outline:0}
.ferus-rpg select{padding-right:28px;appearance:auto}
.ferus-rpg input::placeholder{color:#93939d;opacity:1}
.ferus-rpg input:focus,.ferus-rpg select:focus{background:#fff;border-color:#a99a75;box-shadow:0 0 0 3px #ffd16a24}
.ferus-rpg button:focus-visible{outline:2px solid #a99a75;outline-offset:3px}
.ferus-rpg button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;background:#fff;border:1px solid #dedee5;color:#41414b;font-weight:600;cursor:pointer;white-space:nowrap}
.ferus-rpg button:hover{background:#f1f1f5;border-color:#bcbcc8;color:#17171e}
.ferus-rpg button.primary{background:#202027;border-color:#202027;color:#fff}
.ferus-rpg button.primary:hover{background:#3b3b46;border-color:#3b3b46;color:#fff}
.ferus-rpg #attack{background:#ffd16a;border-color:#ffd16a;color:#27221a}
.ferus-rpg #attack:hover{background:#f4c459;border-color:#f4c459;color:#27221a}
.ferus-rpg button:disabled{opacity:.55;cursor:wait}
.ferus-rpg .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.ferus-rpg .row input{flex:1;min-width:125px;margin:0}
.ferus-rpg .hint{font-size:11px;font-weight:400;color:#84848f;margin-top:12px}
.ferus-rpg .error{font-size:12px;color:#a83232;min-height:0;margin-top:6px}
.ferus-rpg .error:empty{display:none}
.ferus-rpg .dice-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:28px;align-items:center}
.ferus-rpg .dice-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 10px;background:#f7f7fa;border:1px solid #e9e9ef;border-radius:8px;min-height:175px}
.ferus-rpg .die{display:grid;place-items:center;width:76px;height:76px;background:#25252e;color:#fff;font-size:25px;font-weight:800;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);font-variant-numeric:tabular-nums}
.ferus-rpg #dice-status{color:#858590;text-align:center;font-size:9px;font-weight:600;letter-spacing:.5px;line-height:1.5}
.ferus-rpg .rolling{animation:ferus-tumble .28s ease-in-out infinite}
.ferus-rpg #quick{gap:6px}
.ferus-rpg #quick button{min-height:34px;min-width:47px;padding:7px 10px;font-size:11px;background:#f8f8fa}
.ferus-rpg #quick button:hover{background:#eeeef3}
.ferus-rpg .chat-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.ferus-rpg .chat-title h3.section-title{margin:0}
.ferus-rpg .connection{color:#777780;font-size:9px;font-weight:600;letter-spacing:.5px}
.ferus-rpg .log{height:390px;overflow:auto;list-style:none;background:#f7f7fa;border:1px solid #e6e6ec;border-radius:8px;margin:0;padding:12px;scrollbar-width:thin;color:#262630}
.ferus-rpg .log:empty:before{content:"A batalha ainda não começou. Envie uma mensagem ou faça sua primeira rolagem.";display:block;max-width:340px;margin:95px auto 0;padding:12px;color:#94949e;font-size:12px;text-align:center;line-height:1.8}
.ferus-rpg .entry{list-style:none;padding:12px 14px;margin:0 0 9px;background:#fff;border:1px solid #ebebf0;border-radius:7px;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:#34343e}
.ferus-rpg .entry:last-child{margin-bottom:0}
.ferus-rpg .meta{font-size:10px;font-weight:600;color:#9999a4;margin-bottom:5px}
.ferus-rpg .success{color:#26794c;font-weight:600}
.ferus-rpg .failure{color:#ac4141;font-weight:600}
.ferus-rpg #chat{margin-top:12px}
.ferus-rpg #export,.ferus-rpg #older{font-size:10px;min-height:32px;padding:7px 10px;color:#777780;background:#fff}
@keyframes ferus-tumble{0%{transform:rotate(-14deg) translateY(0) scale(.94)}50%{transform:rotate(14deg) translateY(-9px) scale(1.04)}100%{transform:rotate(-14deg) translateY(0) scale(.94)}}
@media(prefers-reduced-motion:reduce){.ferus-rpg .rolling{animation:none}}
@media(max-width:650px){.ferus-rpg .ferus-board{padding:20px 16px}.ferus-rpg .ferus-heading{padding-bottom:26px}.ferus-rpg .grid{grid-template-columns:1fr}.ferus-rpg .dice-layout{grid-template-columns:1fr;gap:18px}.ferus-rpg .dice-stage{min-height:135px}.ferus-rpg #rollform input{flex-basis:100%}.ferus-rpg #rollform button{flex:1}.ferus-rpg .log{height:360px}.ferus-rpg .chat-title{flex-wrap:wrap}.ferus-rpg .board-caption{font-size:9px}.ferus-rpg #chat input{min-width:0}.ferus-rpg #chat button{padding:10px 14px}}