/* Medieval Reforged · identidade visual partilhada do Reino. */
:root{--realm-night:#080d09;--realm-deep:#0d140e;--realm-surface:#141c15;--realm-surface-raised:#1d261b;--realm-metal:#3e4837;--realm-edge:#67583b;--realm-gold:#d5b675;--realm-gold-bright:#f0d89b;--realm-text:#eee4ca;--realm-muted:#a9af98;--game-gold:var(--realm-gold);--game-ink:var(--realm-deep);--game-edge:var(--realm-edge);--game-muted:var(--realm-muted)}
body[data-realm-panel],body:has(.characters-shell){min-height:100vh;color:var(--realm-text);background:radial-gradient(ellipse at 58% -12%,#34402a58 0,transparent 52%),radial-gradient(ellipse at 4% 50%,#18251a2c 0,transparent 45%),linear-gradient(180deg,#0e130e 0%,#080c09 52%,#070a08 100%);background-attachment:fixed}
body[data-realm-panel] .realm-shell>main,body:has(.characters-shell) .characters-shell>main{max-width:1660px;padding-bottom:30px}
body[data-realm-panel] .realm-shell .top,body:has(.characters-shell) .characters-shell .top{position:relative;gap:14px;padding:12px 15px;margin:0 0 12px;border:1px solid #514b35;border-left:3px solid #9e8650;border-radius:4px;background:linear-gradient(112deg,#1a2118f2 0%,#111711ef 66%,#0d130fef 100%);box-shadow:inset 0 1px #f4dfa010,0 8px 24px #0004}
body[data-realm-panel] .realm-shell .top h1,body:has(.characters-shell) .characters-shell .top h1{margin:3px 0;color:#f1e6c9;text-shadow:0 2px 14px #0008}
body[data-realm-panel] .realm-shell .top .eyebrow,body:has(.characters-shell) .characters-shell .top .eyebrow{color:#cbb06d;letter-spacing:2px}
body[data-realm-panel] .game-top,body:has(.characters-shell) .game-top{background:linear-gradient(180deg,#151d15fa,#0d130fee);border-bottom-color:#756340;box-shadow:0 10px 26px #0005,inset 0 1px #ead59a0a}
body[data-realm-panel] .realm-shell .panel,body[data-realm-panel] .realm-shell .card,body:has(.characters-shell) .characters-shell .panel,body:has(.characters-shell) .characters-shell .card{border:1px solid #4d543d;border-radius:5px;background:linear-gradient(145deg,#20281de8 0%,#151c15f5 72%,#111711f8 100%);box-shadow:inset 0 1px #e8d49b0b,0 8px 24px #0003}
body[data-realm-panel] .realm-shell h1,body[data-realm-panel] .realm-shell h2,body[data-realm-panel] .realm-shell h3,body:has(.characters-shell) .characters-shell h1,body:has(.characters-shell) .characters-shell h2,body:has(.characters-shell) .characters-shell h3{color:#eee2c1}
body[data-realm-panel] .realm-shell button:not(.fighter-button),body:has(.characters-shell) .characters-shell button,body[data-realm-panel] .realm-shell .game-link,body:has(.characters-shell) .characters-shell .game-link{border-color:#665a3c;border-radius:4px;background:linear-gradient(180deg,#30382a 0%,#1a2118 100%);color:#e8dec0;box-shadow:inset 0 1px #f5e7bd0a;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}
body[data-realm-panel] .realm-shell button:not(.fighter-button):hover:not(:disabled),body:has(.characters-shell) .characters-shell button:hover:not(:disabled),body[data-realm-panel] .realm-shell .game-link:hover,body:has(.characters-shell) .characters-shell .game-link:hover{border-color:#c4a768;background:linear-gradient(180deg,#42432e 0%,#242a1d 100%);box-shadow:inset 0 1px #f4dfa01c,0 3px 12px #0003}
body[data-realm-panel] .realm-shell button[aria-pressed="true"],body[data-realm-panel] .realm-shell button[aria-selected="true"],body[data-realm-panel] .realm-shell button.chosen,body[data-realm-panel] .realm-shell .chosen,body:has(.characters-shell) .characters-shell button[aria-pressed="true"],body:has(.characters-shell) .characters-shell button[aria-selected="true"],body:has(.characters-shell) .characters-shell button.chosen,body:has(.characters-shell) .characters-shell .chosen{border-color:#d7b873!important;background:linear-gradient(180deg,#49442b 0%,#252b1e 100%)!important;color:#f4dfa0!important;box-shadow:inset 0 0 0 1px #d7b8732b,0 0 12px #d7b8730b}
body[data-realm-panel] .realm-shell input:not([type="checkbox"]):not([type="radio"]),body[data-realm-panel] .realm-shell select,body[data-realm-panel] .realm-shell textarea,body:has(.characters-shell) .characters-shell input:not([type="checkbox"]):not([type="radio"]),body:has(.characters-shell) .characters-shell select,body:has(.characters-shell) .characters-shell textarea{color:#eee4ca;background:#0b120d;border:1px solid #4d563f;border-radius:3px;box-shadow:inset 0 2px 5px #0005}
body[data-realm-panel] .realm-shell input:focus-visible,body[data-realm-panel] .realm-shell select:focus-visible,body[data-realm-panel] .realm-shell textarea:focus-visible,body:has(.characters-shell) .characters-shell input:focus-visible,body:has(.characters-shell) .characters-shell select:focus-visible,body:has(.characters-shell) .characters-shell textarea:focus-visible{outline:2px solid #e1c47c;outline-offset:2px}
body[data-realm-panel] .realm-shell progress,body:has(.characters-shell) .characters-shell progress{accent-color:#c9aa67}
body[data-realm-panel] .realm-shell hr,body:has(.characters-shell) .characters-shell hr{border:0;border-top:1px solid #394233}
body[data-realm-panel] .realm-shell th,body:has(.characters-shell) .characters-shell th{color:#e2c981}
body[data-realm-panel] .kingdom-rail,body:has(.characters-shell) .kingdom-rail{border-color:#665a3d;background:linear-gradient(180deg,#0b100df5,#080c09f4);box-shadow:inset 0 1px #e7d39c0d,0 16px 36px #0008}
body[data-realm-panel] .kingdom-rail-btn,body:has(.characters-shell) .kingdom-rail-btn{border-color:#353e30;background:linear-gradient(150deg,#1b241b,#0d130e);color:#d9d0b9}
body[data-realm-panel] .kingdom-rail-btn small,body:has(.characters-shell) .kingdom-rail-btn small{color:#979b84}
body[data-realm-panel] .kingdom-rail-btn:hover,body[data-realm-panel] .kingdom-rail-btn.active,body[data-realm-panel] .kingdom-rail-btn[aria-current="page"],body:has(.characters-shell) .kingdom-rail-btn:hover,body:has(.characters-shell) .kingdom-rail-btn.active,body:has(.characters-shell) .kingdom-rail-btn[aria-current="page"]{border-color:#cbb06d;color:#f2d997;background:linear-gradient(145deg,#3c3a27,#192119);box-shadow:inset 0 0 0 1px #e2c98120,0 0 14px #d5b6750c}
body[data-realm-panel] .kingdom-rail-btn:focus-visible,body:has(.characters-shell) .kingdom-rail-btn:focus-visible{outline:2px solid #f0d18e;outline-offset:2px}
body[data-realm-panel] .game-workbench,body[data-realm-panel] .forge-station,body[data-realm-panel] .forge-anvil,body[data-realm-panel] .forge-activity,body[data-realm-panel] .wallet-portal,body[data-realm-panel] .vip-game,body:has(.characters-shell) .skill-node-card,body:has(.characters-shell) .strategy-card,body:has(.characters-shell) .hero-card{border-color:#4b543e}
body[data-realm-panel] .game-slot-grid .bag-cell,body:has(.characters-shell) .game-slot-grid .bag-cell,body:has(.characters-shell) .paper-slot{border-color:#514c38;box-shadow:inset 0 1px #e5d49a0b,0 3px 8px #0003}
body[data-realm-panel] .game-slot-grid .bag-cell:hover,body:has(.characters-shell) .game-slot-grid .bag-cell:hover,body:has(.characters-shell) .paper-slot:hover{border-color:#9a824c}
body[data-realm-panel] .realm-shell [hidden],body:has(.characters-shell) .characters-shell [hidden]{display:none!important}
body:has(.home){background:radial-gradient(ellipse at 50% 5%,#37452c70 0,transparent 48%),radial-gradient(ellipse at 50% 100%,#161f15 0,transparent 55%),linear-gradient(180deg,#0b100c,#050706);background-attachment:fixed}
body:has(.home) .home{width:min(1000px,100%);padding:clamp(22px,4vw,42px);border:1px solid #514832;border-radius:8px;background:linear-gradient(145deg,#171f17ef,#0b100cf7 78%);box-shadow:inset 0 1px #eee0bb0d,0 22px 60px #0008}
body:has(.home) .crest{border-color:#8a7449;box-shadow:0 0 0 5px #0e140f,0 0 0 6px #4e482f,0 8px 24px #0008}
body:has(.home) .title{color:#f1e7cf;text-shadow:0 5px 24px #0008}
body:has(.home) .home-btn{position:relative;border-color:#4f5840;border-radius:5px;background:linear-gradient(145deg,#202a1d,#0e150f);box-shadow:inset 0 1px #e6d49a0a,0 7px 18px #0003;transition:border-color .15s ease,background .15s ease,transform .15s ease}
body:has(.home) .home-btn:hover{border-color:#cbb06d;background:linear-gradient(145deg,#343c27,#151d14);box-shadow:inset 0 1px #e6d49a1b,0 10px 20px #0005}
body:has(.home) .home-btn b{color:#e8cf8a}
@media(max-width:700px){body[data-realm-panel]:not([data-realm-panel="spot"]) .realm-shell>main{padding:8px 10px 116px}body:has(.characters-shell) .characters-shell>main{margin-left:0;padding:8px 10px 116px}body[data-realm-panel] .kingdom-rail,body:has(.characters-shell) .kingdom-rail{position:fixed;z-index:90;left:8px;right:8px;top:auto;bottom:8px;width:auto;max-width:none;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:6px;border:1px solid #665a3d;border-radius:9px;background:rgba(7,11,8,.97);box-shadow:0 12px 30px #0009;backdrop-filter:blur(10px)}body[data-realm-panel] .kingdom-rail-btn,body:has(.characters-shell) .kingdom-rail-btn{min-width:0;min-height:46px;margin:0;padding:4px 2px;gap:3px;border-radius:5px;font-size:18px;transform:none}body[data-realm-panel] .kingdom-rail-btn small,body:has(.characters-shell) .kingdom-rail-btn small{font-size:7px;letter-spacing:0}body[data-realm-panel] .kingdom-more-toggle{display:flex}body[data-realm-panel] .kingdom-more-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:190px;max-width:min(80vw,260px);display:flex;flex-direction:column;gap:5px;padding:7px;border:1px solid #6a6044;border-radius:8px;background:#101711f7;box-shadow:0 12px 30px #0009}body[data-realm-panel] .kingdom-more-menu[hidden]{display:none!important}}
@media(prefers-reduced-motion:reduce){body[data-realm-panel] .realm-shell button,body:has(.characters-shell) .characters-shell button,body[data-realm-panel] .kingdom-rail-btn,body:has(.characters-shell) .kingdom-rail-btn,body:has(.home) .home-btn{transition:none!important}}


/* chatE-42 · Sistema comum de hierarquia e estados de interação do Reino. */
:root{
 --realm-space-1:4px;--realm-space-2:8px;--realm-space-3:12px;--realm-space-4:16px;--realm-space-5:24px;
 --realm-radius-control:4px;--realm-radius-panel:6px;--realm-control-height:38px;
 --realm-focus-ring:#f0d89b;--realm-state-success:#a9ca94;--realm-state-warning:#e4c57d;--realm-state-danger:#e0a078;
}
:where(body[data-realm-panel] .realm-shell .eyebrow,body[data-realm-panel] .realm-shell .area-identity-kicker,body[data-realm-panel] .realm-shell .formation-location,body:has(.characters-shell) .characters-shell .eyebrow,body:has(.characters-shell) .characters-shell .area-identity-kicker,body:has(.characters-shell) .characters-shell .formation-location){
 font-family:system-ui,sans-serif;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:1.5px;text-transform:uppercase;
}
:where(body[data-realm-panel] .realm-shell .panel>.eyebrow+h2,body[data-realm-panel] .realm-shell .panel>.eyebrow+h3,body:has(.characters-shell) .characters-shell #app .panel>.eyebrow+h2,body:has(.characters-shell) .characters-shell #app .panel>.eyebrow+h3){
 margin-top:var(--realm-space-1);margin-bottom:var(--realm-space-3);line-height:1.22;text-wrap:pretty;
}
body[data-realm-panel] .realm-shell .panel:not(.journey-chest),
body[data-realm-panel] .realm-shell .card,
body:has(.characters-shell) .characters-shell #app .panel:not(.journey-chest),
body:has(.characters-shell) .characters-shell #app .card{
 border-radius:var(--realm-radius-panel);
}
body[data-realm-panel="wallet"] .realm-shell .wallet-portal,
body[data-realm-panel="inventory"] .realm-shell .game-slot-grid .bag-cell,
body[data-realm-panel="forge"] .realm-shell .forge-group-card,
body[data-realm-panel="forge"] .realm-shell .forge-job-slot{
 border-radius:var(--realm-radius-control);
}
body:has(.characters-shell) .characters-shell #app .hero-card,
body:has(.characters-shell) .characters-shell #app .skill-node-card,
body:has(.characters-shell) .characters-shell #app .strategy-card{
 border-radius:var(--realm-radius-panel);
}
body[data-realm-panel] #realm-feedback[data-kind="success"],
body:has(.characters-shell) #realm-feedback[data-kind="success"]{
 border-left-color:var(--realm-state-success);
}
body[data-realm-panel] #realm-feedback[data-kind="failure"],
body:has(.characters-shell) #realm-feedback[data-kind="failure"]{
 border-left-color:var(--realm-state-danger);
}
body[data-realm-panel] .realm-shell .forge-completion-notice[data-kind="success"]{
 border-left-color:var(--realm-state-success);
}
body[data-realm-panel] .realm-shell .forge-completion-notice[data-kind="failure"]{
 border-left-color:var(--realm-state-danger);
}
:where(body[data-realm-panel] .realm-shell .selection-head,body[data-realm-panel] .realm-shell .forge-activity-heading,body[data-realm-panel] .realm-shell .allocation-section-title,body:has(.characters-shell) .characters-shell #app .selection-head,body:has(.characters-shell) .characters-shell #app .allocation-section-title){
 min-width:0;gap:var(--realm-space-2);
}
:where(body[data-realm-panel] .realm-shell .panel p,body:has(.characters-shell) .characters-shell #app .panel p){
 overflow-wrap:anywhere;
}
:where(body[data-realm-panel] .realm-shell button:not(.fighter-button),body[data-realm-panel] .realm-shell .game-link,body:has(.characters-shell) .characters-shell button,body:has(.characters-shell) .characters-shell .game-link){
 border-radius:var(--realm-radius-control);
}
body[data-realm-panel] .realm-shell button:not(.fighter-button):focus-visible,
body[data-realm-panel] .realm-shell a:focus-visible,
body[data-realm-panel] .realm-shell summary:focus-visible,
body[data-realm-panel] .realm-shell [tabindex]:focus-visible,
body:has(.characters-shell) .characters-shell button:focus-visible,
body:has(.characters-shell) .characters-shell a:focus-visible,
body:has(.characters-shell) .characters-shell summary:focus-visible,
body:has(.characters-shell) .characters-shell [tabindex]:focus-visible{
 outline:2px solid var(--area-accent,var(--realm-focus-ring));outline-offset:2px;
}
body[data-realm-panel] .realm-shell button:active:not(:disabled):not([aria-disabled="true"]):not(.fighter-button),
body:has(.characters-shell) .characters-shell button:active:not(:disabled):not([aria-disabled="true"]){
 filter:brightness(1.08);
}
body[data-realm-panel] .realm-shell button:disabled,
body[data-realm-panel] .realm-shell [aria-disabled="true"],
body:has(.characters-shell) .characters-shell button:disabled,
body:has(.characters-shell) .characters-shell [aria-disabled="true"]{
 cursor:not-allowed!important;opacity:.52;filter:saturate(.72);box-shadow:none;transform:none;
}
body[data-realm-panel] .realm-shell button:disabled:hover,
body[data-realm-panel] .realm-shell [aria-disabled="true"]:hover,
body:has(.characters-shell) .characters-shell button:disabled:hover,
body:has(.characters-shell) .characters-shell [aria-disabled="true"]:hover{
 border-color:#4a503e;background:#1a2118;color:#a8af98;
}
body[data-realm-panel] .realm-shell input:not([type="checkbox"]):not([type="radio"]),
body[data-realm-panel] .realm-shell select,
body[data-realm-panel] .realm-shell textarea,
body:has(.characters-shell) .characters-shell input:not([type="checkbox"]):not([type="radio"]),
body:has(.characters-shell) .characters-shell select,
body:has(.characters-shell) .characters-shell textarea{
 border-radius:var(--realm-radius-control);
}
body[data-realm-panel] .realm-shell :is(input,select,textarea)[aria-invalid="true"],
body:has(.characters-shell) .characters-shell :is(input,select,textarea)[aria-invalid="true"]{
 border-color:var(--realm-state-danger);box-shadow:0 0 0 1px #e0a07835;
}
body[data-realm-panel="inventory"] .realm-shell .game-slot-grid .bag-cell:focus-visible,
body[data-realm-panel="wallet"] .realm-shell .wallet-portal:focus-visible,
body[data-realm-panel="forge"] .realm-shell .forge-group-card:focus-visible,
body[data-realm-panel="forge"] .realm-shell .forge-job-slot>summary:focus-visible,
body:has(.characters-shell) .characters-shell #app .hero-card:focus-visible,
body:has(.characters-shell) .characters-shell #app .skill-node-card:focus-within,
body:has(.characters-shell) .characters-shell #app .strategy-card:focus-within{
 outline:2px solid var(--area-accent,var(--realm-focus-ring));outline-offset:2px;
}
:where(body[data-realm-panel] .realm-shell .wallet-portal,body[data-realm-panel] .realm-shell .game-slot-grid .bag-cell,body[data-realm-panel] .realm-shell .forge-group-card,body[data-realm-panel] .realm-shell .forge-job-slot,body:has(.characters-shell) .characters-shell #app .hero-card,body:has(.characters-shell) .characters-shell #app .skill-node-card,body:has(.characters-shell) .characters-shell #app .strategy-card){
 min-width:0;border-radius:var(--realm-radius-control);
}
:where(body[data-realm-panel] .realm-shell .warn,body[data-realm-panel] .realm-shell .trade-note,body[data-realm-panel] .realm-shell .forge-fail-note,body[data-realm-panel] .realm-shell .forge-completion-notice,body:has(.characters-shell) .characters-shell #app .skill-state-note,body:has(.characters-shell) .characters-shell #app .roster-empty){
 border-radius:var(--realm-radius-control);line-height:1.5;overflow-wrap:anywhere;
}
@media(max-width:700px){
 :where(body[data-realm-panel] .realm-shell .panel,body:has(.characters-shell) .characters-shell #app .panel){min-width:0}
 :where(body[data-realm-panel] .realm-shell .selection-head,body[data-realm-panel] .realm-shell .forge-activity-heading,body:has(.characters-shell) .characters-shell #app .selection-head,body:has(.characters-shell) .characters-shell #app .allocation-section-title){align-items:flex-start;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 body[data-realm-panel] .realm-shell button:not(.fighter-button),body[data-realm-panel] .realm-shell .game-link,body:has(.characters-shell) .characters-shell button,body:has(.characters-shell) .characters-shell .game-link{transition:none!important}
}