:root{color-scheme:dark;--bg:#080d0b;--panel:#111713;--panel2:#151d18;--line:#26392d;--border:#33513a;--green:#b3ea6b;--green2:#79b65a;--text:#edece2;--muted:#96a397;--dim:#667568;--gold:#e6ba74;--danger:#cd847c;--shadow:0 24px 70px #0008}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#a3d57d06 1px,transparent 1px),linear-gradient(90deg,#a3d57d06 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}
.ambient{position:fixed;pointer-events:none;opacity:.18;filter:blur(100px);border-radius:50%;z-index:0}.ambient-a{background:#447542;top:-200px;left:34%;width:550px;height:480px}.ambient-b{background:#7a6b2c;bottom:-360px;right:0;width:450px;height:450px}
.app-shell{position:relative;z-index:1;max-width:1760px;margin:0 auto;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:92px;padding:15px 32px;border-bottom:1px solid var(--border);background:#090f0cdd;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);font-size:29px;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand-eyebrow{font-size:9px;letter-spacing:3px;color:var(--green2);font-weight:800}.brand-name{font:700 24px/1.1 Georgia,serif;letter-spacing:1px;white-space:nowrap}.brand-name span{font-size:13px;color:var(--green)}
.topnav{display:flex;align-items:center;gap:6px;padding:5px;background:#0e1510;border:1px solid #2c382e;border-radius:6px}.tab{background:transparent;border:0;color:#9ca69d;padding:11px 18px;letter-spacing:.2px;cursor:pointer;border-radius:3px;font-weight:700;white-space:nowrap}.tab span{font-size:10px;color:var(--dim);margin-right:7px}.tab.active{background:#203325;color:var(--green)}.tab.active span{color:#95c37e}.tab:hover{color:white}
.top-actions{display:flex;align-items:center;gap:17px}.autosave-status{font-size:11px;letter-spacing:.2px;color:#98a695;white-space:nowrap}.autosave-status:before{content:"●";color:var(--green2);margin-right:6px;font-size:9px}.autosave-status.is-error:before{color:var(--danger)}.dice-btn{background:#c1f083;border:1px solid #c7f49a;color:#17251c;padding:10px 15px;border-radius:3px;cursor:pointer;font-weight:900;font-size:18px;box-shadow:0 0 25px #a7df6822}.dice-btn span{font-size:12px;vertical-align:middle}.dice-btn:hover{background:#dbffb1}
.app-body{display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#0d130fee;min-height:calc(100vh - 92px);padding:34px 20px;position:sticky;top:92px;align-self:start;height:calc(100vh - 92px);display:flex;flex-direction:column}.side-kicker,.small-upper,.section-tag,.field-caption{font-size:10px;color:var(--green2);font-weight:800;letter-spacing:2px}.sidebar h2{font:normal 25px Georgia,serif;margin:5px 0 9px}.side-note{font-size:12px;color:var(--muted);margin:0 0 27px}.field-caption{display:block;margin-bottom:9px}.control-select{width:100%;padding:12px;background:#19221b;color:var(--text);border:1px solid var(--border);outline:none;border-radius:3px;margin-bottom:11px}.control-select:focus{border-color:var(--green2)}.primary-btn{padding:12px 17px;background:var(--green);border:1px solid var(--green);color:#14211a;font-weight:800;cursor:pointer;border-radius:3px}.primary-btn:hover{background:#d4ffac}.full{width:100%}.divider-rule{height:1px;background:var(--line);margin:27px 0}.side-btn{width:100%;text-align:left;padding:11px 7px;color:#b8c4b5;background:transparent;border:0;cursor:pointer;border-radius:4px}.side-btn:hover{background:#1d2b21;color:var(--green)}.side-btn.danger:hover{color:#ff9890}.sidebar-scroll-message{margin:auto 4px;text-align:center;color:#b8c6ac;font:italic 16px/1.6 Georgia,serif;padding:10px 0}.sidebar-scroll-message .symbol{display:block;font-size:28px;color:var(--green2);margin-bottom:8px}.sidebar-scroll-message small{display:block;font:800 8px Arial,sans-serif;letter-spacing:2px;color:var(--dim);margin-top:13px}.side-footer{font-size:9px;letter-spacing:2px;color:#748576;display:flex;gap:8px;align-items:center}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green2)}
.main-content{padding:34px clamp(18px,3.3vw,52px) 22px;min-width:0}.page-view[hidden],.empty-state[hidden]{display:none}.page-overline{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:2px;font-weight:800;color:#6d9870;margin-bottom:23px}.page-overline .line{height:1px;width:70px;background:#4e6a4d}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font:normal clamp(31px,3.15vw,53px)/1.05 Georgia,serif;margin:5px 0 0;letter-spacing:-1px}.page-heading h1 em{font-weight:normal;color:var(--green2)}.green-point{color:var(--green)}.heading-side{color:#899b8b;font-size:10px;font-weight:700;letter-spacing:1.6px;text-align:right}
.frame{border:1px solid #2b4030;background:linear-gradient(145deg,#141b16,#0c130f);position:relative;box-shadow:inset 0 0 0 1px #ffffff04}.frame:before,.frame:after{content:"";position:absolute;width:11px;height:11px;pointer-events:none;border-color:#6c9a56}.frame:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.frame:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.hero-grid{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(195px,.82fr) minmax(265px,1fr);gap:16px;align-items:stretch}.profile-section,.combat-section{padding:24px}.section-tag{margin-bottom:17px}.input-label{display:flex;flex-direction:column;font-size:10px;color:#91ae8d;letter-spacing:1.6px;font-weight:800;gap:7px;min-width:0}.input-label input,.input-label textarea,textarea{color:var(--text);font:14px 'Segoe UI',Arial,sans-serif;border:1px solid #344a37;background:#0a110d;padding:10px 12px;width:100%;outline:none;border-radius:3px;resize:vertical;min-width:0}.input-label input:focus,.input-label textarea:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 2px #82ba4c1b}.input-label input::placeholder,textarea::placeholder{color:#566959}.identity-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.subsection-heading{font:normal 25px Georgia,serif;margin:31px 0 20px;display:flex;align-items:center;gap:13px}.subsection-heading:after{content:"";height:1px;flex:1;background:var(--line)}.subsection-heading span{color:var(--green2);font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;justify-items:stretch}.stat-hex{display:flex;align-items:center;flex-direction:column;gap:4px;position:relative;background:#152419;border:1px solid #41623c;clip-path:polygon(17% 0,83% 0,100% 18%,100% 83%,83% 100%,17% 100%,0 83%,0 18%);padding:12px 6px 15px;min-width:0}.stat-hex:focus-within{background:#1e3724}.stat-hex span{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--green)}.stat-hex input{display:block;text-align:center;width:100%;max-width:64px;background:transparent;color:white;font:normal 30px Georgia,serif;border:0;outline:none;padding:0}.stat-hex:nth-child(4){grid-column:1 / span 1;margin-left:31%}.stat-hex:nth-child(5){grid-column:3 / span 1;margin-right:31%}.detail-note{font-size:11px;color:#728976;margin:17px 0 0;line-height:1.6}
.portrait-section{padding:10px;display:flex;flex-direction:column;min-height:500px;overflow:hidden;background:#0d1610}.portrait-inner{flex:1;min-height:420px;position:relative;display:flex;justify-content:center;overflow:hidden;border:1px solid #304a32;background:radial-gradient(ellipse at 50% 42%,#31513a 0,#18291f 43%,#0a110d 83%)}.portrait-inner:before{content:"✦";position:absolute;color:#a1cf8950;font-size:250px;top:3%;line-height:1;z-index:0}.portrait-lines{position:absolute;inset:10px;border:1px solid #64855b44;z-index:2;pointer-events:none}.portrait-lines:before,.portrait-lines:after{content:"◆";position:absolute;color:var(--green2);font-size:11px}.portrait-lines:before{top:-9px;left:-5px}.portrait-lines:after{bottom:-8px;right:-5px}.portrait-placeholder{position:absolute;bottom:45px;left:0;right:0;margin:auto;width:100%;height:84%;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 0 40px #162a1a)}.portrait-placeholder svg{width:100%;height:100%;object-fit:contain}.portrait-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-image[hidden],.portrait-placeholder[hidden]{display:none}.portrait-title{position:absolute;bottom:0;z-index:3;background:linear-gradient(0deg,#07110de8,transparent);padding:55px 14px 15px;width:100%;text-align:center}.portrait-title span{display:block;color:var(--green2);font-size:9px;letter-spacing:2px}.portrait-title strong{font:normal 21px Georgia,serif;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-upload{margin:10px 0 0;padding:9px;text-align:center;cursor:pointer;border:1px dashed #547452;color:#b4d7a5;font-size:12px;font-weight:700}.image-upload:hover{background:#233428}.portrait-instruction{display:block;text-align:center;font-size:10px;color:#718873;margin-top:7px}
.combat-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.combat-heading h2{font:normal 30px Georgia,serif;margin:0}.green-orbit{color:var(--green2);font-size:25px}.defense-row{display:flex;align-items:center;justify-content:space-between;background:#1b291e;border:1px solid var(--line);padding:11px 15px;margin:5px 0 26px}.defense-row>div{display:flex;align-items:center;gap:11px}.defense-symbol{font-size:23px;color:var(--green)}.large-number{width:70px;text-align:right;background:transparent;color:var(--text);border:0;outline:0;font:normal 34px Georgia,serif}.resource-block{margin:19px 0 25px}.resource-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1px;font-weight:800;margin-bottom:10px;color:#bbcca9}.resource-head strong{font-size:15px;color:white}.resource-track{width:100%;height:10px;border:1px solid #344736;background:#080e0a;overflow:hidden}.resource-fill{height:100%;width:0;transition:width .2s ease}.life-fill{background:linear-gradient(90deg,#6a9f47,#c3f07b)}.det-fill{background:linear-gradient(90deg,#7e7eaa,#b2c8f3)}.resource-controls{display:flex;align-items:center;gap:7px;margin-top:12px}.resource-controls button{height:31px;width:29px;flex:0 0 29px;border:1px solid #436347;background:#203125;color:var(--green);font-size:18px;cursor:pointer}.resource-controls button:hover{background:#345a34}.resource-controls label{display:flex;align-items:center;gap:5px;font-size:10px;color:#94a796;white-space:nowrap}.resource-controls label input{width:53px;padding:6px 3px;background:#0a100b;border:1px solid #314a36;color:white;text-align:center;outline:none;border-radius:2px;font:normal 14px 'Segoe UI',sans-serif}.compact-stats{display:grid;grid-template-columns:1fr 103px;gap:9px;align-items:end;margin:27px 0 18px}.tile-stat{padding:10px 5px;border:1px solid #39543b;text-align:center;background:#172219;min-width:0}.tile-stat span,.tile-stat small{display:block;font-size:8px;letter-spacing:1px;color:#8db68b}.tile-stat strong{display:block;font:normal 25px Georgia,serif;color:var(--green)}.block-label{margin-top:16px}
.lower-grid{display:grid;grid-template-columns:minmax(300px,.97fr) minmax(320px,1.3fr);gap:16px;margin-top:16px;align-items:start}.skills-section,.equipment-section,.objectives-section,.powers-card{padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-heading .section-tag{margin:0 0 5px}.section-heading h2{font:normal 26px Georgia,serif;margin:0}.section-count{font-size:11px;color:#aec9a6}.skills-table{width:100%;border-collapse:collapse;font-size:13px}.skills-table th{text-align:left;font-size:9px;color:#718d75;letter-spacing:1.5px;font-weight:800;padding:10px 8px;background:#101b13}.skills-table th:last-child{text-align:right}.skills-table td{border-bottom:1px solid #24372a;padding:7px 8px}.skills-table td:nth-child(2){font-size:10px;font-weight:900;color:var(--green2)}.skills-table td:last-child{text-align:right}.skills-table select{max-width:133px;width:100%;padding:5px 6px;background:#152117;border:1px solid #3a503b;color:#c1d5b7;outline:0;font-size:11px}.skills-table tr.trained td:first-child{color:var(--green);font-weight:700}.right-stack{display:grid;gap:16px}.small-action{background:#233b27;border:1px solid #466f3c;color:var(--green);padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.small-action:hover{background:#345d32}.editable-list,.power-list{display:grid;gap:10px}.list-item-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 30px;gap:9px;align-items:center}.list-item-row.inventory-item{grid-template-columns:minmax(0,1.7fr) 66px 75px 30px}.list-item-row input,.power-entry input,.power-entry textarea{background:#0b120e;border:1px solid #334637;color:var(--text);padding:10px;width:100%;min-width:0;outline:none;border-radius:2px}.list-item-row input:focus,.power-entry input:focus,.power-entry textarea:focus{border-color:var(--green2)}.delete-row{width:30px;height:35px;cursor:pointer;background:#281b1a;color:#c78781;border:1px solid #543b35;font-size:16px}.delete-row:hover{background:#49302a}.empty-list{padding:24px 15px;text-align:center;border:1px dashed #35503a;background:#0b130d;color:#718a76;font-size:12px}.money-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.gold-input{color:var(--gold)}.gold-input input{color:var(--gold);font-weight:900}.weight-display{color:#8eab8b;font-size:11px;margin:4px 0 14px}.objectives-section textarea{min-height:130px}
.powers-intro{display:flex;align-items:center;gap:17px;padding:17px 21px;color:#b0b9ac;margin-bottom:18px}.powers-intro p{margin:0;font-size:13px}.intro-icon{font-size:32px;color:var(--green2)}.powers-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.powers-card{min-height:400px}.power-entry{padding:15px;background:#0b130e;border:1px solid #304936;position:relative}.power-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;color:#b6dca4;font:normal 16px Georgia,serif}.power-fields{display:grid;gap:10px}.power-fields label{font-size:10px;letter-spacing:1.3px;color:#8eaa8b;font-weight:800}.power-fields label input,.power-fields label textarea{display:block;margin-top:7px;font-size:13px;font-weight:normal;letter-spacing:normal}.power-fields textarea{resize:vertical}.power-title .delete-row{flex-shrink:0}.power-empty{text-align:center;padding:65px 24px;border:1px dashed #344b36;background:#0b120e;color:#769174}.power-empty span{font-size:37px;color:var(--green2);display:block}.main-footer{text-align:center;padding:36px 0 9px;font-size:9px;letter-spacing:2px;color:#627965}.main-footer span{color:var(--green2);padding:0 7px}.empty-state{text-align:center;padding:100px 20px}.empty-state h2{font:normal 34px Georgia,serif}.empty-state p{color:var(--muted)}.toast{position:fixed;bottom:25px;right:25px;z-index:100;display:none;padding:15px 20px;background:#253c29;border:1px solid #79b65a;box-shadow:var(--shadow);max-width:340px}.toast.active{display:block}.toast.error{background:#3b2424;border-color:#b6615b}
@media (max-width:1450px){.hero-grid{grid-template-columns:minmax(260px,1.1fr) minmax(180px,.85fr) minmax(260px,1fr)}.topbar{padding:14px 24px}.main-content{padding:30px 24px}.profile-section,.combat-section{padding:19px}.tab{padding:10px}}
@media (max-width:1190px){.app-body{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:24px 14px}.hero-grid{grid-template-columns:1fr 1fr}.portrait-section{grid-column:2;grid-row:1;min-height:475px}.combat-section{grid-column:1 / -1}.lower-grid{grid-template-columns:1fr 1fr}.resource-controls{justify-content:flex-start}.top-actions .autosave-status{display:none}}
@media (max-width:830px){.topbar{flex-wrap:wrap;height:auto;gap:13px;padding:13px 16px;position:static}.brand-name{font-size:19px}.topnav{order:3;width:100%;justify-content:center}.topnav .tab{flex:1}.app-body{display:block}.sidebar{position:static;min-height:0;height:auto;padding:15px 17px;display:block;border-bottom:1px solid var(--line)}.sidebar h2,.sidebar .side-note,.sidebar .side-kicker,.sidebar .divider-rule,.sidebar .side-btn,.sidebar .sidebar-scroll-message,.sidebar .side-footer{display:none}.sidebar .field-caption{display:inline-block;margin:0 8px 0 0}.sidebar .control-select{width:calc(100% - 160px);max-width:400px;display:inline-block;margin:0 8px 0 0}.sidebar .primary-btn{width:auto;font-size:12px}.main-content{padding:24px 16px}.hero-grid{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}.powers-grid{grid-template-columns:1fr}.page-heading h1{font-size:38px}}
@media (max-width:620px){.topbar{gap:9px}.topnav{padding:3px}.tab{font-size:11px;padding:10px 4px}.tab span{display:none}.dice-btn{padding:9px}.brand-mark{width:34px;height:34px;font-size:20px}.brand-name{font-size:19px}.brand-eyebrow{font-size:8px;letter-spacing:1px}.sidebar .field-caption{display:none}.sidebar .control-select{width:58%}.sidebar .primary-btn{width:38%;padding:11px 3px}.hero-grid{grid-template-columns:1fr}.portrait-section,.combat-section{grid-column:auto;grid-row:auto}.portrait-section{min-height:400px}.portrait-inner{min-height:350px}.page-heading{display:block}.heading-side{display:none}.page-heading h1{font-size:34px}.section-heading h2{font-size:23px}.skills-table td{padding:6px 4px}.stats-grid{gap:8px}.list-item-row.inventory-item{grid-template-columns:minmax(0,1fr) 55px 61px 28px;gap:5px}.list-item-row input{padding:8px 5px}.power-entry{padding:11px}}

/* Contas e convites (versão multiusuário) */
[hidden]{display:none !important}
.auth-overlay{position:relative;z-index:20;min-height:100vh;display:grid;place-items:center;padding:22px}
.auth-card{width:min(100%,430px);padding:32px;background:linear-gradient(155deg,#172319,#0a100d);box-shadow:0 20px 80px #000a}
.auth-glyph{font-size:44px;text-align:center;color:var(--green)}
.auth-eyebrow{text-align:center;color:var(--green2);font-size:10px;font-weight:900;letter-spacing:2px}
.auth-card h1{text-align:center;font:normal 38px Georgia,serif;letter-spacing:1px;margin:8px 0 7px}
.auth-card h1 span{color:var(--green);font-size:20px}
.auth-card p{text-align:center;color:var(--muted);margin:7px 0 22px}
.auth-modes{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;border:1px solid var(--line);padding:3px;gap:3px}
.auth-mode{background:transparent;border:0;padding:12px;color:#aabca9;cursor:pointer;font-weight:700}
.auth-mode.active{color:var(--green);background:#263b2a}
.auth-card form{display:grid;gap:17px}
.auth-card input,.invite-dialog input{background:#0a100d;border:1px solid #3b5b41;color:var(--text);padding:12px;outline:none;width:100%;font-size:14px}
.auth-card input:focus,.invite-dialog input:focus{border-color:var(--green)}
.auth-error{color:#f5aea5;font-size:12px;background:#3b2424;padding:10px;border:1px solid #a9655e}
.auth-foot{text-align:center;font-size:10px;color:#738473;letter-spacing:1px;margin-top:24px}
.account-name{font-size:11px;white-space:nowrap;color:var(--green);font-weight:800}
.logout-btn{background:#142219;color:#bfd3b5;border:1px solid #36523b;padding:9px 12px;border-radius:3px;cursor:pointer}
.logout-btn:hover{background:#24382a}
.invite-dialog{width:min(92vw,450px);background:#101912;border:1px solid #4b6c4e;color:var(--text);padding:28px;box-shadow:var(--shadow)}
.invite-dialog::backdrop{background:#000b}
.invite-dialog h2{font:normal 29px Georgia,serif;text-align:center}
.invite-dialog p{color:var(--muted);font-size:13px}
.invite-buttons{display:flex;gap:10px;margin-top:16px}
@media(max-width:830px){.top-actions{gap:8px}.account-name{max-width:90px;overflow:hidden;text-overflow:ellipsis}.top-actions .small-action{padding:8px}.logout-btn{padding:8px}}
@media(max-width:620px){.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .account-name{display:none}.auth-card{padding:24px 20px}}


/* LORD OF CRIAS V3: nível, inventário com imagens/raridades e poderes compactos */
.heading-info{display:flex;align-items:flex-end;flex-direction:column;gap:9px}
.character-level{display:inline-flex;align-items:center;justify-content:center;padding:7px 17px;min-height:37px;color:#e6f3d8;font:bold 13px Georgia,serif;letter-spacing:2.4px;border:1px solid #a9d276;background:linear-gradient(100deg,#1a301d,#315334,#1c3121);box-shadow:0 0 0 2px #0a120c,0 0 28px #8ad56d24}
.identity-with-level{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 77px;gap:9px}
.level-field input{text-align:center;color:var(--green);font:bold 23px Georgia,serif;padding:5px}
.item-intro{font-size:11px;color:#8fa68a;margin:0 0 16px}
#inventoryList{gap:13px}
.item-card{border:1px solid #3b493b;background:radial-gradient(circle at 100% 0%,#233026aa,transparent 55%),#0b120e;padding:13px;position:relative;border-radius:6px;min-width:0}
.item-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#9ba49b;opacity:.72}
.item-card-top{display:grid;grid-template-columns:76px minmax(0,1fr) 30px;align-items:start;gap:11px}
.item-image-button{cursor:pointer;width:76px;height:82px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #6b8766;background:#121e16;padding:0;color:#9bca91;border-radius:4px}
.item-image-button:hover{border-color:var(--green);background:#1b3021}
.item-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.item-image-placeholder{font:38px Georgia,serif;line-height:1;opacity:.65}
.photo-action{position:absolute;left:0;right:0;bottom:0;text-align:center;background:#060a08d9;color:#c8eaba;font:bold 9px Arial,sans-serif;letter-spacing:1px;padding:5px 2px}
.item-card-info{min-width:0;display:grid;gap:7px}
.item-field-label,.item-card-controls label,.item-details-content label{display:grid;gap:6px;color:#9ab597;font-size:10px;font-weight:800;letter-spacing:1.1px}
.item-card input,.item-card select,.item-card textarea{min-width:0;width:100%;background:#08100b;color:var(--text);border:1px solid #37503b;border-radius:3px;padding:9px;outline:none;font:13px 'Segoe UI',Arial,sans-serif}
.item-card input:focus,.item-card select:focus,.item-card textarea:focus{border-color:var(--green)}
.item-card-top .item-field-label input{font:16px Georgia,serif;color:#f4f3e9}
.item-card-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(57px,.7fr) minmax(65px,.85fr);gap:9px;margin-top:12px}
.item-card-controls input{font-variant-numeric:tabular-nums}
.rarity-badge{font:bold 10px/1.2 'Segoe UI',sans-serif;letter-spacing:.6px;display:inline-block;justify-self:start;padding:5px 9px;border:1px solid #999;background:#222;color:#ddd;border-radius:4px;max-width:100%;text-shadow:0 0 9px currentColor}
.rarity-comum{color:#cad2cb;border-color:#65716a;background:#323c35}
.rarity-incomum{color:#89f28b;border-color:#3c8c4e;background:#173922}
.rarity-rara{color:#80bfff;border-color:#407bcb;background:#162b46}
.rarity-epica{color:#d69bff;border-color:#8f52c8;background:#332046}
.rarity-lendaria{color:#ffda75;border-color:#c49a3a;background:linear-gradient(115deg,#302713,#654b17,#2d2311);box-shadow:0 0 13px #d5a82c35}
.rarity-heroica{color:#ff969d;border-color:#be4456;background:linear-gradient(115deg,#441824,#7d2435);box-shadow:0 0 11px #e73f523d}
.rarity-ancestral{color:#ffbc79;border-color:#a76f43;background:linear-gradient(135deg,#3d271a,#665035,#2a2219)}
.rarity-mitica{color:#ff9cf1;border-color:#e04fc3;background:linear-gradient(110deg,#441d3e,#6d1f61);box-shadow:0 0 13px #fa62cf47}
.rarity-primordial{color:#83f9f2;border-color:#33adb6;background:linear-gradient(110deg,#13383c,#145765);box-shadow:0 0 13px #42e3ea50}
.rarity-arcanus{color:#afabff;border-color:#7165ff;background:linear-gradient(110deg,#19245b,#45257a);box-shadow:0 0 15px #6e63ff66}
.rarity-eterna{color:#fff9de;border-color:#f8e0a5;background:linear-gradient(115deg,#616663,#a29971,#4e635d);box-shadow:0 0 18px #fff6c183, inset 0 0 13px #fff3cc2b}
.rarity-border-lendaria,.rarity-border-eterna{border-color:#786c3e}
.rarity-border-heroica{border-color:#85414c}
.rarity-border-arcanus,.rarity-border-primordial{border-color:#576f9b}
.item-details,.power-disclosure{margin-top:12px;border-top:1px solid #29402e}
.item-details summary,.power-disclosure summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#b4d69e;padding:12px 2px 2px;font-size:12px;font-weight:700;gap:8px;user-select:none}
.item-details summary::-webkit-details-marker,.power-disclosure summary::-webkit-details-marker{display:none}
.disclosure-arrow{font-size:22px;line-height:1;transition:transform .2s;color:#b9e598}
details[open]>summary .disclosure-arrow{transform:rotate(180deg)}
.item-details-content{display:grid;gap:12px;padding-top:13px}
.item-details-content textarea{min-height:74px;resize:vertical;line-height:1.5}
.subtle-danger{border:1px solid #6d4544;color:#f2a39a;background:#2a1c1b;cursor:pointer;padding:9px 12px;justify-self:start;font-size:11px}
.image-help{font-size:11px;color:#79947c;margin:0}
.revamped-power{border-radius:6px;background:linear-gradient(160deg,#101b13,#09120d)}
.power-essentials{display:grid;grid-template-columns:minmax(0,1fr) minmax(128px,.55fr);gap:12px;align-items:end}
.power-name-label{display:grid;gap:7px;color:#a4c79c;font-size:10px;font-weight:800;letter-spacing:1.2px}
.power-name-label input{font:17px Georgia,serif;color:#f0f3e5}
.determination-cost{display:grid;gap:7px;color:#dbd0ff;font-size:10px;font-weight:900;letter-spacing:.8px}
.pd-input{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#292347,#45365c);border:1px solid #a58ad8;min-height:42px;border-radius:4px;box-shadow:0 0 17px #9d6bd53e}
.pd-input input{font:700 23px Georgia,serif;text-align:center;color:#f3e7ff;background:transparent;border:0;min-width:0;width:100%;padding:6px;outline:0}
.pd-input input::-webkit-inner-spin-button{opacity:0}
.pd-input strong{color:#dbb6ff;padding:0 12px 0 3px;font:bold 13px Arial,sans-serif}
.power-disclosure{margin-top:15px}
.power-disclosure .power-fields{padding-top:13px}
.power-entry .power-title{margin-bottom:9px}
@media(max-width:620px){.heading-info{align-items:flex-start;margin-top:13px}.heading-info .heading-side{display:none}.identity-with-level{grid-template-columns:1fr 1fr 77px}.item-card-top{grid-template-columns:66px minmax(0,1fr) 29px;gap:7px}.item-image-button{width:66px;height:72px}.item-card{padding:10px}.item-card-controls{gap:7px;grid-template-columns:1.3fr .7fr .8fr}.item-card input,.item-card select,.item-card textarea{padding:8px 6px}.power-essentials{grid-template-columns:minmax(0,1fr) 122px;gap:9px}.determination-cost{font-size:9px}}
@media(max-width:370px){.power-essentials{grid-template-columns:1fr}.item-card-controls{grid-template-columns:1fr 1fr}.item-card-controls label:first-child{grid-column:1 / -1}}