/* Collection creation and short-card step */
.collection-type-picker{display:grid;grid-template-columns:repeat(var(--collection-type-count,3),minmax(0,1fr));gap:12px;margin:24px 0}.collection-type-picker label{position:relative;padding:18px;border:1px solid #e5dfd7;border-radius:16px;background:#fffdfa;cursor:pointer}.collection-type-picker label:has(input:checked){border-color:#b8aa85;box-shadow:0 0 0 2px #f0eadd;background:linear-gradient(140deg,#fff,#fff8ed)}.collection-type-picker input{position:absolute;right:14px;top:16px}.collection-type-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f4ede0;color:#877242;margin-bottom:14px}.collection-type-picker strong{display:block;font-size:15px}.collection-type-picker p{font-size:12px;line-height:1.6;color:#77716a;margin:10px 0 0}.db-admin-dialog:has(.collection-type-picker){width:min(850px,95vw);max-width:850px}.record-wizard{max-width:1050px;margin:auto}.record-wizard-head{margin-bottom:28px}.record-wizard-head>a{color:#8b7659;font-size:13px}.record-wizard-head h1{font-size:28px;margin:14px 0 8px}.record-wizard-head p{color:#878078;font-size:13px}.record-wizard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.record-wizard-fields{padding:28px;background:linear-gradient(130deg,#fff,#fffdfa);border:1px solid #e6dfd5;border-radius:18px}.record-wizard-fields>h3{font-size:14px;margin:22px 0 12px}.record-wizard-fields h3 small{font-size:11px;color:#a1988c;font-weight:400}.record-wizard-preview{position:sticky;top:105px}.record-wizard-preview>span{display:block;font-size:12px;color:#8c847a;margin-bottom:14px}.record-wizard-preview .db-profile-card{width:100%;text-align:left;border-radius:15px}.record-wizard-preview .db-record-actions{display:none}.record-image-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.record-image-actions .record-paste{width:100%;margin:0;font-size:12px}.record-stat-row{display:grid;grid-template-columns:1fr 1fr 34px;gap:8px;margin-bottom:8px}.record-stat-row button{padding:6px}.record-wizard-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:24px 0;position:sticky;bottom:10px;padding:14px 18px;background:#fffefa;border:1px solid #e5ddcf;border-radius:13px;box-shadow:0 8px 25px #443a2910;z-index:5}.record-wizard-footer [role=status]{margin-right:auto;font-size:12px;color:#847c6e}
/* Item page: freely authored content left, compact item on the right */
.database-item-paper{width:100%;max-width:1250px!important;padding:30px!important}.item-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.item-page-main>h1{font-size:29px;line-height:1.3;margin:0 0 25px}.item-page-main .article-content{margin:0;max-width:none;padding:0}.item-page-main .article-content h2{font-size:22px}.item-page-summary{min-width:0}.item-summary-card{background:linear-gradient(130deg,#fff,#fffdfa);border:1px solid #e2dbcd;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px #40352108}.item-summary-title{padding:16px 20px;text-align:center;font-size:19px;font-weight:700;background:linear-gradient(105deg,#fffaf0,#f3ead6);color:#4c493e}.game-theme-1 .item-summary-title{background:linear-gradient(105deg,#fff,#e8edf6)}.game-theme-2 .item-summary-title{background:linear-gradient(105deg,#fff,#ffe9d5)}.game-theme-3 .item-summary-title{background:linear-gradient(105deg,#fff,#f2e9f3)}.game-theme-4 .item-summary-title{background:linear-gradient(105deg,#fff,#e8f0e0)}.item-summary-image{height:235px;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at center,#f9f2e2,transparent 75%)}.item-summary-image img{max-width:100%;width:100%;height:100%;object-fit:contain}.item-summary-body{padding:18px}.item-summary-body .db-profile-meta{justify-content:center;margin:0 0 16px}.item-short-description{font-size:13px;line-height:1.6;color:#6d6c62;margin:12px 0}.item-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.item-summary-stats>div{padding:10px;background:#f6f4ef;border:1px solid #ece7dd;border-radius:8px;display:flex;flex-direction:column;gap:5px;min-width:0}.item-summary-stats span{font-size:10px;color:#8c877d}.item-summary-stats strong{font-size:15px;color:#454640;overflow-wrap:anywhere}.item-control{border-top:1px solid #e8e3d8;margin-top:18px;padding-top:15px}.item-control-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.item-control-label select{min-width:70px;max-width:130px;padding:7px;background:#fffcf7;border:1px solid #e3dac7;border-radius:8px}.item-control input[type=range]{display:block;width:100%;accent-color:#ab925e;margin:17px 0 10px}.item-stage-output[hidden]{display:none!important}.item-stage-description,.item-info-block{font-size:13px;line-height:1.7;color:#55594f;overflow-wrap:anywhere}.item-info-block{border-top:1px solid #e9e3d6;padding-top:12px;margin-top:16px}.item-info-block h3{font-size:14px;margin:0 0 8px}.item-stage-description .inline-db{vertical-align:middle}
/* Same composition in the author's editor */
.editing-item-page .direct-editor-layout,.editing-item-page .direct-editor-layout.palette-open{grid-template-columns:minmax(0,1fr) 320px;max-width:1500px;gap:24px}.editing-item-page .block-palette{grid-column:1/-1;position:static;max-height:none}.editing-item-page .direct-editor-canvas{min-height:600px;padding:28px}.editing-item-page .item-editor-side{display:flex;flex-direction:column;gap:20px;min-width:0}.editing-item-page .direct-inspector{position:static;max-height:none;width:100%}.editing-item-page .canvas-document .kicker,.editing-item-page .canvas-document>p{display:none}.editing-item-page .canvas-document h1{font-size:27px}.editing-item-page .editor-top-actions{flex-wrap:wrap}.editing-item-page .editor-live-preview{max-width:1250px}.editing-item-page .block-palette>.block-tree{display:none}
/* Slider editor */
.item-settings-dialog,.database-bulk-dialog{width:min(1150px,95vw);max-width:1150px;max-height:90vh;padding:28px;border:1px solid #e6dfd2;border-radius:20px;background:#fffdf9;color:#41463d;overflow:auto}.item-settings-dialog::backdrop,.database-bulk-dialog::backdrop{background:#20261c55;backdrop-filter:blur(4px)}.item-settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.item-settings-head h2{font-size:22px;margin:0 0 7px}.item-settings-head p{font-size:13px;color:#848073;margin:0}.item-settings-head>button{border:0;background:none;font-size:25px}.item-settings-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px}.item-settings-grid aside{display:flex;flex-direction:column;gap:8px;align-self:start}.item-settings-grid aside h3{font-size:13px;margin:0 0 8px}.item-settings-grid aside button{text-align:left;padding:12px;border:1px solid #e8e0d2;border-radius:9px;background:#fff}.item-settings-grid aside button.active{background:#f5ecd9;border-color:#bfa875}.item-settings-grid aside small{float:right;color:#8e8267}.item-control-config{display:grid;grid-template-columns:1fr 110px auto;gap:9px;align-items:end;margin-bottom:20px}.item-control-config label{font-size:12px;display:flex;flex-direction:column;gap:8px}.item-control-config>button:last-child{grid-column:1/-1;justify-self:end;font-size:11px;color:#b27562}.item-fields-config{padding:16px;background:#f7f5ee;border:1px solid #e7e0d2;border-radius:12px;margin-bottom:16px}.item-fields-config h3{font-size:13px;margin:0 0 10px}.item-fields-config label{display:inline-flex;gap:5px;margin:0 10px 10px 0;width:210px}.item-fields-config input{width:175px}.item-values-import{margin-bottom:14px;font-size:12px}.item-values-import textarea{margin:12px 0}.item-stages-table{max-height:460px;overflow:auto;border:1px solid #e7ded0;border-radius:11px}.item-stages-table table{border-collapse:collapse;width:100%;font-size:12px}.item-stages-table th{background:#f4eedf;position:sticky;top:0;z-index:1;text-align:left}.item-stages-table th,.item-stages-table td{padding:9px;border-bottom:1px solid #e9e2d7;border-right:1px solid #e9e2d7;min-width:110px}.item-stages-table th:last-child,.item-stages-table td:last-child{min-width:270px}.item-stages-table .studio-input{font-size:12px;min-width:90px;margin:0;padding:9px}.item-stages-table textarea{min-width:240px;resize:vertical}.item-info-settings{margin-top:28px;border-top:1px solid #e7e0d3;padding-top:20px}.item-info-settings>div{padding:16px;background:#fff;border:1px solid #e6dfd2;border-radius:10px;margin-bottom:12px}.item-info-settings textarea{margin:10px 0}.item-settings-status{font-size:12px;color:#966e56;margin-right:auto}
/* Mass entry */
.bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.bulk-toolbar details{width:100%;font-size:12px}.bulk-toolbar textarea{margin:12px 0}.bulk-common-categories{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:15px;background:#f7f2e8;border-radius:11px;margin-bottom:20px;font-size:12px}.bulk-common-categories label{display:flex;align-items:center;gap:7px}.bulk-common-categories select{max-width:150px}.bulk-table-scroll{overflow:auto;max-height:55vh;border:1px solid #e6dfd1;border-radius:10px}.bulk-table{border-collapse:collapse;width:100%;font-size:12px}.bulk-table th{padding:12px;background:#f5eedf;position:sticky;top:0;z-index:1;text-align:left;white-space:nowrap}.bulk-table td{padding:8px;border-bottom:1px solid #e9e2d6;vertical-align:top}.bulk-table .studio-input{font-size:12px;margin:0;min-width:130px;padding:9px}.bulk-table textarea{min-width:200px;resize:vertical}.bulk-image-target{width:60px;height:60px;border:1px dashed #cbbfa7;background:#fbf7ed;border-radius:50%;padding:4px}.bulk-image-target:focus{outline:2px solid #ae9462}.bulk-image-target img{width:100%;height:100%;object-fit:contain}.bulk-skill-media{display:flex;gap:5px}.bulk-skill-media button{width:54px;height:54px;font-size:10px;padding:3px}.bulk-skill-media img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.record-wizard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.item-page-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.item-settings-grid{grid-template-columns:150px minmax(0,1fr)}.editing-item-page .direct-editor-layout,.editing-item-page .direct-editor-layout.palette-open{grid-template-columns:minmax(0,1fr) 280px;gap:16px}}
@media(max-width:650px){.collection-type-picker,.record-wizard-grid,.item-page-layout,.item-settings-grid{grid-template-columns:1fr}.record-wizard-preview{position:static;max-width:300px;margin:auto;width:100%;order:-1}.record-wizard-fields{padding:20px}.record-wizard-footer{flex-wrap:wrap}.record-wizard-footer [role=status]{width:100%}.item-page-summary{order:-1;max-width:350px;width:100%;margin:auto}.database-item-paper{padding:20px!important}.item-control-config{grid-template-columns:1fr 90px}.item-control-config>button{grid-column:1/-1}.item-settings-dialog,.database-bulk-dialog{padding:18px}.editing-item-page .direct-editor-layout,.editing-item-page .direct-editor-layout.palette-open{grid-template-columns:1fr}.editing-item-page .item-editor-side{grid-row:2}.editing-item-page .direct-editor-canvas{grid-row:3}}

.item-reader-page #reader{width:min(1250px,calc(100% - 40px));max-width:1250px}.item-reader-page .reader-paper{box-sizing:border-box}.item-reader-page .database-entry-navigation{max-width:none}.item-reader-page .item-page-main .article-content .article-toc{display:none}

/* Keep the palette in its own column and override the shared sticky rules. */
.editing-item-page .direct-editor-layout,.editing-item-page .direct-editor-layout.palette-open{display:grid;grid-template-columns:160px minmax(0,1fr) 320px;align-items:start;isolation:isolate}
.editing-item-page .direct-editor-layout>.block-palette{grid-column:1;grid-row:1;position:sticky!important;top:100px!important;width:100%;height:auto;max-height:calc(100dvh - 120px)!important;overflow-y:auto!important;box-sizing:border-box;z-index:1}
.editing-item-page .direct-editor-layout>.direct-editor-canvas{grid-column:2;grid-row:1;box-sizing:border-box}
.editing-item-page .direct-editor-layout>.item-editor-side{grid-column:3;grid-row:1}
.editing-item-page .direct-editor-layout .palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:0}
.editing-item-page .direct-editor-layout .palette-grid button{min-width:0;width:100%;min-height:58px;padding:8px 6px}
.editing-item-page .direct-editor-layout .palette-grid b{font-size:10px;line-height:1.4}
/* Reserve a fixed image frame so tall originals cannot enter metadata below. */
.item-summary-card>.item-summary-image{height:235px;min-height:235px;max-height:235px;box-sizing:border-box;padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.item-summary-card>.item-summary-image>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;margin:0;position:static;transform:none}
.item-summary-card>.item-summary-body{position:relative;min-width:0;clear:both;background:linear-gradient(130deg,#fff,#fffdfa)}
.item-summary-card .db-profile-meta{font-size:12px;line-height:1.5;min-height:20px;position:static;padding:4px 0}
.db-icon-card{display:grid;place-items:center;width:100%;height:126px;min-height:126px;box-sizing:border-box;border:1px solid var(--game-line,#dfd5e7);border-radius:15px;background:linear-gradient(#fff,var(--game-paper,#fbf8fd));padding:14px;position:relative;transition:transform .18s,box-shadow .18s;cursor:pointer;text-decoration:none}
.db-icon-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #59426612}.db-icon-card:focus-visible{outline:2px solid #a28aaf;outline-offset:3px}.db-icon-art{height:96px;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.db-icon-art>img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;position:static}.db-icon-art>span{font-size:30px;color:#a394af}.db-icon-card .inline-db-tip{display:none!important}
.db-material-popover .db-tip-description{display:block;white-space:pre-wrap;overflow:visible;max-height:none;-webkit-line-clamp:unset;line-clamp:unset}
@media(max-width:1100px){.editing-item-page .direct-editor-layout,.editing-item-page .direct-editor-layout.palette-open{grid-template-columns:minmax(0,1fr) 290px}.editing-item-page .direct-editor-layout>.block-palette{grid-column:1/-1;grid-row:1;position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}.editing-item-page .direct-editor-layout .palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.editing-item-page .direct-editor-layout>.direct-editor-canvas{grid-column:1;grid-row:2}.editing-item-page .direct-editor-layout>.item-editor-side{grid-column:2;grid-row:2}}
@media(max-width:650px){.editing-item-page .direct-editor-layout,.editing-item-page .direct-editor-layout.palette-open{grid-template-columns:1fr}.editing-item-page .direct-editor-layout .palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editing-item-page .direct-editor-layout>.direct-editor-canvas{grid-column:1;grid-row:2}.editing-item-page .direct-editor-layout>.item-editor-side{grid-column:1;grid-row:3}.db-icon-card{height:112px;min-height:112px}.db-icon-art{height:84px}}

/* Compact catalogue cards and readable item hover summaries. */
.db-icon-card{display:flex;flex-direction:column;justify-content:flex-start;gap:9px;height:190px;min-height:190px;padding:12px;text-align:center;color:var(--game-ink,#735f7f)}
.db-icon-art{flex:none;width:100%;height:94px}.db-icon-name{font-size:12px;line-height:1.4;font-weight:650;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em;width:100%;overflow-wrap:anywhere}.db-icon-kind{font-size:10px;line-height:1.3;padding:4px 9px;background:#f4eef5;color:#8a7594;border:1px solid #e8dfe9;border-radius:6px;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#db-material-popover:has(.db-profile-tooltip){width:380px;max-height:min(600px,calc(100dvh - 24px));padding:18px;background:linear-gradient(135deg,#fff,#fffdf9);border-color:#ded4c5}
.db-profile-tip-header{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:17px;margin-bottom:16px}.db-profile-tip-header:not(:has(.db-profile-tip-art)){grid-template-columns:1fr}.db-profile-tip-header>strong{font-size:16px;line-height:1.4;color:#514859;overflow-wrap:anywhere}.db-profile-tip-art{display:flex;align-items:center;justify-content:center;width:120px;height:132px;box-sizing:border-box;padding:8px;border:1px solid #ece3d7;border-radius:12px;background:radial-gradient(ellipse,#f8efdf,#fcfaf6 80%);overflow:hidden}.db-profile-tip-art>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;min-width:0;min-height:0;margin:0}
.db-profile-tip-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.db-profile-tip-label{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px 12px;border:1px solid #e4dce8;border-radius:9px;background:#f7f3f8;min-height:58px;box-sizing:border-box}.db-profile-tip-label>small{font-size:9px;color:#a296a5;line-height:1.2}.db-profile-tip-label>strong{font-size:13px;color:#665571;line-height:1.35}.db-profile-tip-rarity{background:linear-gradient(120deg,#fffaf0,#f5eddc);border-color:#e7d9ba}.db-profile-tip-rarity>strong{font-size:17px;letter-spacing:1px;color:#b48d41}.db-profile-tip-rarity>small{color:#a3916c}
.db-profile-tip-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px}.db-profile-tip-stats>div{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border:1px solid #e8e2d8;border-radius:8px;background:#faf8f3}.db-profile-tip-stats span{font-size:10px;color:#948b7d}.db-profile-tip-stats strong{font-size:14px;color:#665c4a}
#db-material-popover .db-profile-tip-description{font-size:12px;line-height:1.6;color:#706776;margin:0;padding-top:15px;border-top:1px solid #eee6df;white-space:pre-wrap;overflow:visible;max-height:none}
@media(max-width:650px){.db-icon-card{height:178px;min-height:178px}.db-icon-art{height:84px}.db-profile-tip-header{grid-template-columns:100px minmax(0,1fr);gap:12px}.db-profile-tip-art{width:100px;height:112px}.db-profile-tip-header>strong{font-size:14px}.db-profile-tip-rarity>strong{font-size:15px}}

.item-stage-label{display:inline-block;min-width:45px;max-width:155px;padding:6px 12px;border:1px solid #e3dac7;border-radius:8px;background:#fffaf0;color:#8a754b;font-size:13px;font-weight:650;text-align:center;overflow-wrap:anywhere;box-sizing:border-box}
.item-control input[data-item-range]{height:22px;cursor:pointer;touch-action:pan-y;margin:14px 0 10px}.item-control input[data-item-range]:focus-visible{outline:2px solid #b9a274;outline-offset:4px;border-radius:8px}.item-control input[data-item-range]:disabled{cursor:default;opacity:.5}

.item-description-settings{margin-top:24px;padding:20px;border:1px solid #e8dfcf;border-radius:12px;background:#fffaf2}.item-description-settings h3{font-size:15px;margin:0 0 16px}.description-value-buttons{display:flex;flex-direction:column;gap:10px;margin:15px 0}.description-value-buttons>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.description-value-buttons strong{font-size:12px;margin-right:8px}.description-value-buttons button{font-size:11px;padding:7px 10px;background:#f1e8d6;border:1px solid #ddccb0;border-radius:7px;color:#846b3e}.description-template-preview{padding:14px;background:#fff;border:1px dashed #e0d3ba;border-radius:9px;font-size:12px;line-height:1.7;white-space:pre-wrap}.description-template-preview>small{display:block;color:#a49b8a;margin-bottom:8px}.item-description-value{font-weight:650;color:#a18448}.item-short-description{white-space:pre-wrap}

.item-description-settings{margin-top:0;margin-bottom:24px}.item-description-settings>[data-description-restore]{margin:8px 0 16px;font-size:12px;padding:8px 12px}.item-description-settings>label:first-of-type textarea{min-height:150px}

.ready-description-stage{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.ready-description-stage>span{font-size:13px;font-weight:650}.ready-description-stage>output{padding:7px 12px;background:#f3e8d3;border:1px solid #dac8a5;border-radius:8px;font-weight:650;font-size:13px}.ready-description-stage>small{margin-left:auto;font-size:11px;color:#a29480}.ready-description-stage>input{width:100%;accent-color:#ad8f54;height:24px;margin:10px 0}.ready-description-color{display:inline-flex;align-items:center;gap:12px;font-size:12px;margin:12px 16px 18px 0}.ready-description-color input{height:32px;width:50px;border:1px solid #ded3bf;border-radius:6px;padding:2px;background:#fff}.ready-description-preview{font-size:12px;line-height:1.7;white-space:pre-wrap;padding:16px;margin-top:15px;background:#fff;border:1px dashed #dccdad;border-radius:10px}.item-description-settings [data-ready-reset]{font-size:11px}

.ready-control-choice>span{display:block;font-size:12px;font-weight:600;margin:0 0 10px}.ready-control-choice>div{display:flex;gap:8px;flex-wrap:wrap}.ready-control-choice button,.ready-stage-buttons button{border:1px solid #e1d5e8;border-radius:9px;background:#fff;color:#927b9e;padding:9px 13px;font-size:12px}.ready-control-choice button[aria-pressed=true],.ready-stage-buttons button[aria-pressed=true]{background:linear-gradient(135deg,#efe5f4,#f8eff5);border-color:#bca2ca;color:#765388;box-shadow:0 3px 9px #80608e0a}.ready-control-choice small{margin-left:8px;opacity:.7;font-size:10px}.ready-stage-buttons{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin:5px 0 10px}.ready-stage-buttons button{min-width:35px;padding:7px 11px}.item-description-settings textarea[data-ready-text]{position:relative;z-index:1;width:100%;box-sizing:border-box;min-height:220px;resize:vertical;pointer-events:auto;user-select:text;font-size:13px;line-height:1.65;background:#fff}.ready-description-preview{border-top:1px dashed #e4d9e8;background:#fffcff}
.item-control{border:1px solid #e9dfef;border-radius:11px;background:linear-gradient(135deg,#fcf9fe,#fffdfb);padding:14px;margin:16px 0}.item-control-label strong{color:#81618f}.item-stage-label,.ready-description-stage>output{background:#f1e8f6;border-color:#d9c7e4;color:#856192}.ready-description-stage{padding:16px;border:1px solid #e6d8ed;border-radius:12px;background:#fffcff}
.item-control input[data-item-range],.ready-description-stage input[data-ready-step]{--range-accent:#a185b2;-webkit-appearance:none;appearance:none;display:block;width:100%;height:7px;margin:18px 0 12px;padding:0;border:0;border-radius:20px;background:linear-gradient(to right,var(--range-accent) var(--slider-progress,0%),#eadfec var(--slider-progress,0%));box-shadow:inset 0 1px 2px #65487510;cursor:pointer;touch-action:pan-y}
.item-control input[data-item-range]::-webkit-slider-thumb,.ready-description-stage input[data-ready-step]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#a78bb8;border:3px solid #fff;box-shadow:0 2px 7px #75548d35;transition:box-shadow .15s}
.item-control input[data-item-range]::-moz-range-thumb,.ready-description-stage input[data-ready-step]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#a78bb8;border:3px solid #fff;box-shadow:0 2px 7px #75548d35}
.item-control input[data-item-range]:hover::-webkit-slider-thumb,.ready-description-stage input[data-ready-step]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #a48ab31a,0 2px 7px #75548d35}.item-control input[data-item-range]:focus-visible,.ready-description-stage input[data-ready-step]:focus-visible{outline:2px solid #bca3cb;outline-offset:7px}.item-control input[data-item-range]:disabled,.ready-description-stage input[data-ready-step]:disabled{opacity:.45;cursor:default}

/* One editable description, with a toolbar that only formats the selection. */
.item-description-settings{padding:22px;background:#fff;border:1px solid var(--game-line,#e3d9e9);border-radius:18px;box-shadow:0 6px 24px #69557506}
.ready-description-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 10px}.ready-description-toolbar>span{font-size:13px;font-weight:650;margin-right:auto}.ready-description-toolbar .ready-description-color{margin:0;font-size:11px;gap:8px}.ready-description-toolbar button{font-size:11px;border:1px solid #dfd3e7;background:#f7f2fa;border-radius:8px;padding:8px 12px;color:#80628d}
.ready-description-editor[data-ready-text]{display:block;box-sizing:border-box;width:100%;min-height:210px;max-height:440px;overflow:auto;padding:18px;border:1px solid #e1d8e6;border-radius:12px;background:#fff;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;user-select:text}.ready-description-editor:focus{outline:2px solid #d4bfdf;outline-offset:2px}.ready-description-editor:empty:before{content:attr(data-placeholder);color:#aaa0af;pointer-events:none}.ready-description-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}.ready-description-footer small{font-size:11px;color:#93839c}.ready-description-footer button{font-size:11px;background:none;border:0;color:#9376a0;padding:5px}
.item-control,.ready-description-stage{position:relative;border:1px solid var(--game-line,#e3d6ec);border-radius:16px;padding:16px 18px;background:linear-gradient(145deg,#fff,var(--game-paper,#f7f2fa));box-shadow:0 4px 15px #6d508508}.item-control-label strong{font-size:12px;color:var(--game-ink,#81618f)}.item-stage-label,.ready-description-stage>output{border:1px solid #dfcce8;border-radius:10px;background:#fff;box-shadow:0 3px 8px #87629e0c;min-width:38px}
.item-control input[data-item-range],.ready-description-stage input[data-ready-step]{height:12px;margin:23px 0 18px;background:linear-gradient(to right,#b698c9 var(--slider-progress,0%),#eee5f3 var(--slider-progress,0%));border:3px solid #fff;box-shadow:0 0 0 1px #e5d9ed,inset 0 2px 3px #89649d0b}
.item-control input[data-item-range]::-webkit-slider-thumb,.ready-description-stage input[data-ready-step]::-webkit-slider-thumb{width:26px;height:26px;border-radius:9px;background:linear-gradient(145deg,#c4acd2,#a487b4);border:4px solid #fff;box-shadow:0 2px 8px #78528f35,0 0 0 1px #cbb5d8}
.item-control input[data-item-range]::-moz-range-thumb,.ready-description-stage input[data-ready-step]::-moz-range-thumb{width:18px;height:18px;border-radius:7px;background:linear-gradient(145deg,#c4acd2,#a487b4);border:4px solid #fff;box-shadow:0 2px 8px #78528f35,0 0 0 1px #cbb5d8}
.item-stage-buttons,.ready-stage-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:0}.item-stage-buttons button,.ready-stage-buttons button{flex:1;min-width:28px;padding:7px 6px;border:1px solid #e7ddeb;border-radius:8px;background:#fff;color:#9a86a4;font-size:11px;cursor:pointer;transition:background .15s,box-shadow .15s}.item-stage-buttons button[aria-pressed=true],.ready-stage-buttons button[aria-pressed=true]{background:#ece0f3;border-color:#c4a6d4;color:#78528c;box-shadow:0 2px 5px #87649b14;font-weight:700}.item-stage-buttons button:focus-visible{outline:2px solid #b99bc9;outline-offset:2px}.item-range-endpoints{display:flex;justify-content:space-between;color:#a18da9;font-size:10px}.item-stage-output:empty{display:none}.ready-description-stage{gap:9px;margin:16px 0}
@media(max-width:650px){.item-description-settings{padding:15px}.ready-description-toolbar>span{width:100%}.ready-description-editor[data-ready-text]{min-height:190px}.item-control,.ready-description-stage{padding:14px}}

/* A folded ribbon with the stage engraved in its moving jewel. */
.item-control,.ready-description-stage{padding:0;margin:16px 0 18px;border:0;border-radius:0;background:none;box-shadow:none;display:block}.item-control-label{margin-bottom:2px}.ready-description-stage>span{display:block;margin-bottom:2px;font-size:12px;color:#897392}
.stage-ribbon{position:relative;width:100%;height:64px;isolation:isolate;--ribbon-fill:#b49bc7;--ribbon-rest:#eee5f3}.stage-ribbon-meter{position:absolute;inset:0 24px;pointer-events:none}.stage-ribbon-track{position:absolute;left:-16px;right:-16px;top:24px;height:17px;clip-path:polygon(0 50%,12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%);background:linear-gradient(90deg,var(--ribbon-fill) var(--slider-progress),var(--ribbon-rest) var(--slider-progress));box-shadow:inset 0 2px 0 #fff8,inset 0 -2px 0 #9875af16}.stage-ribbon-track:after{content:'';position:absolute;inset:4px 12px;border-top:1px solid #fff6;border-bottom:1px solid #fff6}.stage-ribbon-ticks{position:absolute;left:0;right:0;top:30px;height:5px}.stage-ribbon-ticks i{position:absolute;display:block;width:4px;height:4px;transform:translateX(-50%) rotate(45deg);background:#fff;box-shadow:0 0 0 1px #a78cbd30}
.stage-ribbon-handle{position:absolute;left:var(--slider-progress);top:9px;transform:translateX(-50%);width:48px;height:48px;display:grid;place-items:center;filter:drop-shadow(0 4px 5px #7f5c9926)}.stage-ribbon-handle:before{content:'';position:absolute;inset:0;clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);background:linear-gradient(145deg,#e8d9f1 5%,#b89aca 58%,#9778af)}.stage-ribbon-handle:after{content:'';position:absolute;inset:3px;clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%);background:linear-gradient(150deg,#fff,#f9f3fd 55%,#e9dcf2)}.stage-ribbon-handle output{position:relative;z-index:1;display:block;max-width:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#876298;font-size:13px;line-height:1;font-weight:700;min-width:0}
.item-control .stage-ribbon input[data-item-range],.ready-description-stage .stage-ribbon input[data-ready-step]{position:absolute;inset:0;display:block;width:100%;height:64px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;opacity:0;z-index:2;cursor:grab;touch-action:pan-y}.stage-ribbon input:active{cursor:grabbing!important}.item-control .stage-ribbon input[data-item-range]::-webkit-slider-thumb,.ready-description-stage .stage-ribbon input[data-ready-step]::-webkit-slider-thumb{width:48px;height:48px;margin:0;border:0;box-shadow:none;background:transparent}.item-control .stage-ribbon input[data-item-range]::-moz-range-thumb,.ready-description-stage .stage-ribbon input[data-ready-step]::-moz-range-thumb{width:48px;height:48px;border:0;box-shadow:none;background:transparent}.stage-ribbon:has(input:focus-visible) .stage-ribbon-handle{filter:drop-shadow(0 0 3px #ab87c7) drop-shadow(0 4px 5px #7f5c9926)}.stage-ribbon:has(input:hover) .stage-ribbon-handle:after{background:linear-gradient(150deg,#fff,#f4e9fb)}.stage-ribbon[data-single-stage] input{cursor:default}.stage-ribbon[data-single-stage] .stage-ribbon-track,.stage-ribbon[data-single-stage] .stage-ribbon-ticks{opacity:.5}.item-stage-output:empty{display:none!important}
@media(prefers-reduced-motion:no-preference){.stage-ribbon-handle{transition:filter .15s}.stage-ribbon input:active~*{transition:none}}

/* Match the warm, muted site panels and keep the controls compact. */
.item-description-settings{padding:14px 16px;border-color:var(--line,#e5ddd5);border-radius:12px;background:var(--paper,#fffdfa);box-shadow:none;margin-bottom:16px}.item-description-settings h3{font-size:14px;margin:0 0 10px;color:var(--ink,#382b43)}.ready-control-choice{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ready-control-choice>span{margin:0;font-size:11px;color:var(--muted,#85718f)}.ready-control-choice>div{gap:6px}.ready-control-choice button{padding:7px 10px;border-color:var(--line,#e5ddd5);border-radius:7px;background:#fffdfa;color:var(--muted,#85718f);font-size:11px}.ready-control-choice button[aria-pressed=true]{background:#eee9e3;border-color:#cfc4ba;color:var(--ink,#382b43);box-shadow:none}.ready-control-choice small{margin-left:5px;font-size:9px}.ready-description-stage{max-width:400px;margin:10px 0 8px}.ready-description-stage>span,.item-control-label strong{font-size:11px;color:var(--muted,#85718f);font-weight:600}.ready-description-toolbar{margin:8px 0;gap:8px}.ready-description-toolbar>span{font-size:12px}.ready-description-toolbar button{background:#f3eee8;border-color:var(--line,#e5ddd5);color:#786779;padding:6px 9px}.ready-description-toolbar .ready-description-color input{width:34px;height:26px;border-color:var(--line,#e5ddd5)}.ready-description-editor[data-ready-text]{min-height:130px;max-height:320px;padding:12px 14px;border-color:var(--line,#e5ddd5);background:#fff;font-size:13px;line-height:1.6}.ready-description-editor:focus{outline:1px solid #bbada2;outline-offset:1px}.ready-description-footer{margin-top:8px;gap:6px}.ready-description-footer small,.ready-description-footer button{font-size:10px;color:var(--muted,#85718f)}
.item-control{margin:10px 0 8px}.item-short-description{margin:6px 0 10px}.stage-ribbon{height:44px;--ribbon-fill:#c1b4a8;--ribbon-rest:#eee8e1}.stage-ribbon-meter{inset:0 20px}.stage-ribbon-track{left:-12px;right:-12px;top:17px;height:10px;background:linear-gradient(90deg,var(--ribbon-fill) var(--slider-progress),var(--ribbon-rest) var(--slider-progress));box-shadow:inset 0 1px #fff8,inset 0 -1px #82776b12}.stage-ribbon-track:after{inset:3px 12px;border-bottom:0}.stage-ribbon-ticks{top:20px;height:4px}.stage-ribbon-ticks i{width:3px;height:3px;background:#fffdfa;box-shadow:none}.stage-ribbon-handle{top:2px;width:40px;height:40px;filter:drop-shadow(0 2px 3px #76655715)}.stage-ribbon-handle:before{background:linear-gradient(145deg,#ded4c9,#baac9e)}.stage-ribbon-handle:after{inset:2px;background:linear-gradient(145deg,#fffdfa,#f1ebe4)}.stage-ribbon-handle output{max-width:28px;font-size:12px;color:#74655b}.stage-ribbon:has(input:hover) .stage-ribbon-handle:after{background:#fffdfa}.stage-ribbon:has(input:focus-visible) .stage-ribbon-handle{filter:drop-shadow(0 0 2px #958371) drop-shadow(0 2px 3px #76655715)}
.item-control .stage-ribbon input[data-item-range],.ready-description-stage .stage-ribbon input[data-ready-step]{height:44px}.item-control .stage-ribbon input[data-item-range]::-webkit-slider-thumb,.ready-description-stage .stage-ribbon input[data-ready-step]::-webkit-slider-thumb{width:40px;height:40px}.item-control .stage-ribbon input[data-item-range]::-moz-range-thumb,.ready-description-stage .stage-ribbon input[data-ready-step]::-moz-range-thumb{width:40px;height:40px}

/* Configurable stat columns between the item metadata and its description. */
.item-base-stats{margin:12px 0 14px;border:1px solid var(--line,#e5ddd5);border-radius:10px;overflow:hidden;background:var(--paper,#fffdfa)}.item-base-stats h3{margin:0;padding:9px 12px;border-bottom:1px solid var(--line,#e5ddd5);background:#f4eee6;font-size:12px;font-weight:650;text-align:center;color:#776653}.item-base-stats dl{display:grid;grid-template-columns:repeat(var(--stat-columns,3),minmax(0,1fr));margin:0}.item-base-stats dl>div{display:flex;flex-direction:column;justify-content:space-between;gap:9px;min-width:0;padding:12px 9px;text-align:center;border-right:1px solid var(--line,#e5ddd5);border-bottom:1px solid var(--line,#e5ddd5);margin-bottom:-1px}.item-base-stats dl>div:nth-child(3n),.item-base-stats dl>div:last-child{border-right:0}.item-base-stats dt{font-size:10px;font-weight:500;line-height:1.5;color:var(--muted,#85718f);white-space:pre-wrap;overflow-wrap:anywhere}.item-base-stats dd{margin:0;font-size:13px;line-height:1.45;font-weight:650;color:var(--ink,#382b43);white-space:pre-wrap;overflow-wrap:anywhere}.record-base-stats-settings{margin:20px 0;padding:16px;border:1px solid var(--line,#e5ddd5);border-radius:12px;background:#faf7f2}.record-base-stats-settings h3{margin:0 0 12px;font-size:13px}.record-base-stats-settings h3 small{font-size:10px;font-weight:400;color:var(--muted,#85718f)}.record-base-stats-settings>.studio-hint{margin:8px 0 14px;font-size:11px;line-height:1.5}.record-base-stats-settings [data-record-stat]{width:100%;min-width:0}.record-base-stats-settings .record-stat-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}.record-base-stats-settings #record-stat-add{padding:7px 10px;font-size:11px;border:1px solid var(--line,#e5ddd5);border-radius:7px;background:#fffdfa;color:var(--muted,#85718f)}.record-wizard-preview .item-summary-card{width:100%}.record-wizard-preview .item-summary-image{height:190px;min-height:190px;max-height:190px}
.item-base-stats dl[style="--stat-columns:2"]>div:nth-child(3n):not(:last-child){border-right:1px solid var(--line,#e5ddd5)}.item-base-stats dl[style="--stat-columns:2"]>div:nth-child(2n){border-right:0}.item-base-stats dl[style="--stat-columns:1"]>div{border-right:0}

/* Keep shared level information in the section header, away from stat names. */
.item-base-stats{border-radius:12px;background:#fffdfa}.item-base-stats-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f4eee6;border-bottom:1px solid var(--line,#e5ddd5)}.item-base-stats .item-base-stats-head h3{padding:0;border:0;background:none;text-align:left;min-width:0;font-size:11px;line-height:1.4;color:#776653}.item-stats-level{flex:none;display:inline-block;padding:3px 7px;border:1px solid #e3d8cc;border-radius:5px;background:#fffaf3;font-size:9px;line-height:1.4;color:#8a7b69;max-width:45%;overflow-wrap:anywhere}.item-base-stats dl>div{padding:14px 10px 15px;gap:8px;border-right-color:#eee7df;background:linear-gradient(#fffdfa,#fff)}.item-base-stats dt{font-size:10px;line-height:1.45;color:#948593;min-height:1.45em}.item-base-stats dd{font-size:18px;line-height:1.25;letter-spacing:-.3px;font-weight:650;color:#4d4158}.record-stats-heading-fields{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px}.record-stats-heading-fields .studio-input{width:100%;box-sizing:border-box}
@media(max-width:650px){.record-stats-heading-fields{grid-template-columns:1fr}.item-base-stats dd{font-size:17px}}

/* Section headings must not inherit the global navigation header geometry. */
.item-summary-card{font-family:inherit}.item-base-stats,.item-base-stats .item-base-stats-head h3,.item-base-stats dt,.item-base-stats dd,.item-base-stats .item-stats-level{font-family:inherit;font-size:13px;line-height:1.5;letter-spacing:normal}.item-base-stats .item-base-stats-head{position:static;box-sizing:border-box;padding:12px 14px;gap:10px;border-bottom:1px solid var(--line,#e5ddd5);box-shadow:none;background:#f4eee6}.item-base-stats .item-base-stats-head h3{font-weight:600;margin:0}.item-base-stats .item-stats-level{font-weight:400;padding:2px 6px}.item-base-stats dt{font-weight:400;min-height:0}.item-base-stats dd{font-weight:700}.item-base-stats dl>div{padding:14px;gap:6px}.item-summary-body :is(.item-control-label strong,.item-stage-description,.item-info-block){font-family:inherit}.item-control-label strong{font-size:13px}.item-info-block h3{font-family:inherit;font-size:13px}

/* Characteristics belong to the item body, with no nested card frame. */
.item-summary-card>.item-summary-image{height:205px;min-height:205px;max-height:205px;padding:12px 18px;background:radial-gradient(ellipse at center,#faf6ec,transparent 74%)}.record-wizard-preview .item-summary-card>.item-summary-image{height:185px;min-height:185px;max-height:185px}.item-summary-body .db-profile-meta{margin-bottom:10px}.item-base-stats{margin:12px 0 16px;padding-top:14px;border:0;border-top:1px solid #eee6dd;border-radius:0;background:none;overflow:visible}.item-base-stats .item-base-stats-head{padding:0 0 10px;gap:10px;border:0;background:none;box-shadow:none;align-items:baseline}.item-base-stats .item-base-stats-head h3{color:var(--ink,#382b43);font-weight:600;line-height:1.5}.item-base-stats .item-stats-level{padding:0;border:0;border-radius:0;background:none;color:var(--muted,#85718f);font-weight:400;white-space:nowrap;max-width:none;font-size:13px}.item-base-stats dl{border:0;background:none;gap:0}.item-base-stats dl>div{margin:0;padding:6px 12px 4px;border-bottom:0;border-right:1px solid #eee6dd;background:none;gap:4px}.item-base-stats dt{color:var(--muted,#85718f)}.item-base-stats dd{color:var(--ink,#382b43);font-size:13px;font-weight:700}.item-base-stats dl[style="--stat-columns:2"]>div:nth-child(3n):not(:last-child){border-right-color:#eee6dd}

/* A compact shared frame keeps the heading, level and values aligned. */
.item-base-stats{margin:12px 0 16px;padding:0;border:1px solid #e8dfd5;border-radius:10px;background:#fffdfa;overflow:hidden}.item-base-stats .item-base-stats-head{padding:9px 12px;align-items:center;gap:10px;border-bottom:1px solid #eee5dc;background:#faf6ef}.item-base-stats .item-base-stats-head h3{margin:0;font-size:13px;line-height:1.5;font-weight:600}.item-base-stats .item-stats-level{padding:2px 6px;border:1px solid #e8dfd5;border-radius:5px;background:#fffdfa;line-height:1.5;font-size:13px;color:var(--muted,#85718f)}.item-base-stats dl>div{padding:10px 12px;gap:4px}.item-base-stats dt,.item-base-stats dd{font-size:13px;line-height:1.5}.item-base-stats dd{font-weight:700}

.material-picker-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.material-picker-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:14px 10px;border:1px solid var(--line,#e5ddd5);border-radius:12px;background:#fffdfa;min-height:150px;box-sizing:border-box;text-align:center}.material-picker-card>img{display:block;width:100%;height:95px;object-fit:contain}.material-picker-card>strong{font-family:inherit;font-size:12px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.material-picker-card>input[type=checkbox]{position:absolute;left:10px;top:10px}.material-picker-card:has(input:checked){border-color:#a38caf;background:#f5f0f7;box-shadow:0 0 0 1px #a38caf}.material-picker-card .db-item-badges:empty{display:none}#inline-reference-table{max-width:300px;width:auto}

.item-category-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.item-category-tags>span{display:inline-block;padding:3px 7px;border:1px solid #dcd0e4;border-radius:5px;background:#f8f4fa;color:#80658f;font-size:11px;line-height:1.4;font-weight:400}.db-profile-meta .item-category-tags{justify-content:center;margin:0}#db-material-popover .item-category-tags{margin-bottom:14px}.db-profile-tip-stats{margin-top:0}
.character-face{display:inline-flex;width:48px;height:48px;flex:0 0 48px;overflow:hidden;align-items:center;justify-content:center;border:1px solid #e0d5e5;border-radius:8px;background:#f6f1f8;vertical-align:middle}.character-face img{width:100%;height:100%;object-fit:cover;border-radius:0}.character-portrait{display:flex;align-items:center;justify-content:center;width:100px;height:140px;flex:0 0 100px;overflow:hidden;border:1px solid #e6ddd5;border-radius:8px;background:#f8f5fa}.character-portrait img{width:100%;height:100%;object-fit:cover}.character-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;font-family:inherit;font-size:12px;line-height:1.4;color:#80658f}.character-meta>span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;box-sizing:border-box;border:1px solid #e7dfea;border-radius:6px;padding:4px 8px;background:#faf7fb}.character-meta .character-rarity{color:#9b7854;border-color:#e8dcc9;background:#fcf8f0;font-weight:600}.character-meta .character-element{padding:4px 6px}.character-element img{width:18px;height:18px;object-fit:contain}.character-role{font-weight:500}.inline-character{display:inline-flex!important;align-items:center;gap:10px;vertical-align:middle;text-decoration:none;color:#604d70;padding:4px 6px;border-radius:9px}.character-inline-body{display:flex;flex-direction:column;gap:5px}.character-inline-body>strong{font-size:13px;line-height:1.4}.inline-character .character-meta{margin:0;gap:5px;font-size:10px}.inline-character .character-meta>span{min-height:21px;padding:2px 5px}.inline-character .character-element img{width:14px;height:14px}.character-compact-tip{display:flex;align-items:center;gap:20px;min-width:270px}.character-tooltip-body>strong{display:block;font-size:17px;line-height:1.4;color:#594762}.character-record{box-sizing:border-box;background:linear-gradient(135deg,#fff,#fffdfa);border:1px solid #e2d6cb;border-radius:13px;overflow:hidden;box-shadow:0 3px 14px #49352d07}.character-card-link{display:flex;align-items:center;gap:16px;padding:16px;text-decoration:none;color:inherit}.character-card-link:hover{background:#faf6fc}.character-record-body{min-width:0;flex:1}.character-record-body>strong{font-size:16px;line-height:1.4;font-weight:650;color:#594762}.site-theme .db-items:has(.character-record),.db-items.character-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;align-items:start}.character-fields{border-top:1px solid #e8dfd6;margin-top:20px;padding-top:16px}.record-wizard-preview .character-record{max-width:440px}.character-record .db-record-actions{padding:0 10px 8px;margin:0}@media(max-width:650px){.site-theme .db-items:has(.character-record),.db-items.character-grid{grid-template-columns:1fr!important}.character-compact-tip{gap:14px;min-width:230px}.character-card-link{padding:12px;gap:12px}}

#db-material-popover:has(.character-compact-tip){width:380px;padding:18px;background:linear-gradient(135deg,#fff,#fffdfa)}.character-compact-tip{min-width:0;width:100%}

/* Portrait collection tiles and image-only article references. */
.site-theme .db-items:has(.character-record),.db-items.character-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:16px}.character-record{background:#eee8f0;border-color:#d9ccdF;border-radius:10px}.character-record.character-rarity-4{background:linear-gradient(145deg,#d9c8e8,#9273ad);border-color:#a88bbd}.character-record.character-rarity-5{background:linear-gradient(145deg,#f1dfb8,#ba965d);border-color:#c3a06c}.character-card-link{display:block;position:relative;padding:0;overflow:hidden;isolation:isolate}.character-card-link:hover{background:transparent}.character-card-link>.character-portrait{display:block;width:100%;height:auto;aspect-ratio:3/4;border:0;border-radius:0;background:transparent;overflow:hidden}.character-card-link>.character-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s}.character-card-link:hover>.character-portrait>img{transform:scale(1.035)}.character-card-name{position:absolute;bottom:0;left:0;right:0;padding:28px 9px 12px;background:linear-gradient(transparent,#35283bc9);color:white;font-family:inherit;font-size:14px;font-weight:650;line-height:1.35;text-align:center;text-shadow:0 1px 3px #251c35b0}.character-card-element{position:absolute;left:8px;top:8px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #ffffff66;border-radius:6px;background:#fffdf1d9}.character-card-element img{width:18px;height:18px;object-fit:contain}.character-record .db-record-actions{background:#fffdfa;padding:5px 7px}.inline-character{padding:3px;background:transparent!important;margin:2px;border-radius:10px;gap:0}.inline-character>.character-face{width:72px;height:72px;flex-basis:72px;box-sizing:border-box;border:2px solid #c7b2d5;box-shadow:0 2px 8px #50355b14;border-radius:8px;background:#eee5f5}.inline-character.character-rarity-4>.character-face{border-color:#a080b7;background:#ece2f4}.inline-character.character-rarity-5>.character-face{border-color:#c9a66e;background:#f6ead4}.character-compact-tip.character-rarity-4>.character-portrait{background:linear-gradient(145deg,#dfd1ec,#a88fbe);border-color:#b9a1cd}.character-compact-tip.character-rarity-5>.character-portrait{background:linear-gradient(145deg,#f5e7c9,#cfaf7c);border-color:#d0b286}.record-wizard-preview .character-record{max-width:210px}@media(max-width:650px){.site-theme .db-items:has(.character-record),.db-items.character-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))!important;gap:12px}}

.character-record{--character-card-background:linear-gradient(145deg,#eee7f4,#b9a7c9)}.character-rarity-4{--character-card-background:linear-gradient(145deg,#d9c3ec 0%,#aa85c3 60%,#86639f 100%)}.character-rarity-5{--character-card-background:linear-gradient(145deg,#f1d99e 0%,#d3b273 60%,#b18a4e 100%)}.character-record,.character-record>.character-card-link,.character-record>.character-card-link:hover,.character-record>.character-card-link:focus-visible,.character-record>.character-card-link>.character-portrait{background:var(--character-card-background)!important}.character-compact-tip>.character-portrait{background:var(--character-card-background,#f8f5fa)!important}