/* One chamber, one typography and one layout system for the four menus. */
#pause, #character, #settings {
  --ch-ink:#eee2ca; --ch-muted:#b8a990; --ch-gold:#a98a58;
  --ch-serif:Georgia,'Times New Roman',serif;
  background:linear-gradient(#05060780,#050607a0),url(../assets/ui/sepulchral-backdrop.png) center/cover;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
#pause .sepulchral-pause, #character .character-panel, #settings .settings-panel {
  position:relative; display:flex; flex-direction:column; gap:0; zoom:1;
  width:min(1680px,96vw); height:94dvh; max-height:1040px;
  padding:22px clamp(80px,7vw,125px) 16px; overflow:hidden;
  border:3px double var(--ch-gold); border-image:none; border-radius:3px;
  background:linear-gradient(#100e0ded,#0b0b0ced),url(../assets/ui/stone.webp) center/420px;
  box-shadow:0 0 0 4px #080706,0 0 0 6px #54442e,inset 0 0 0 4px #a98a5820,0 16px 70px #0009;
  color:var(--ch-ink);
}
#pause .panel::before,#character .character-panel::before,#settings .settings-panel::before {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:url(../assets/ui/frame-tl.png) left top/44px 44px no-repeat,url(../assets/ui/frame-tr.png) right top/44px 44px no-repeat,url(../assets/ui/frame-bl.png) left bottom/44px 44px no-repeat,url(../assets/ui/frame-br.png) right bottom/44px 44px no-repeat;
}
.mourning-title { display:block; color:#e1d3ba; font:500 clamp(28px,2.6vw,44px)/1.1 Georgia,serif; letter-spacing:.09em; text-shadow:0 2px 2px #000; }
#character .panel-head,#settings .panel-head,#pause .mourning-head {
  position:relative; display:flex; flex-direction:column; flex:none; align-items:center;
  width:100%; padding:0 48px 12px; margin:0; min-height:0; text-align:center; gap:0;
  background:none; border-bottom:1px solid #a98a5855;
}
#character .panel-head h2,#settings .panel-head h2,#pause .mourning-head h2 {
  display:block; margin:5px 0 0; font:500 17px/1.3 var(--ch-serif); color:#c6b18b; letter-spacing:.18em;
}
#settings .panel-head .eyebrow { display:block; font:500 clamp(28px,2.6vw,44px)/1.1 var(--ch-serif); letter-spacing:.09em; color:#e1d3ba; }
#character .panel-head .close,#settings .panel-head .close {
  position:absolute; top:0; right:0; width:40px; height:40px; min-height:40px; margin:0;
  border:1px solid #9d8052; border-radius:2px; background:#15110c; box-shadow:inset 0 0 0 2px #000; color:#edddbf;
}
#character .char-progress { width:100%; max-width:none; flex:none; margin:10px 0 0; align-self:stretch; }
#character .char-progress>div:first-child { justify-content:center; gap:16px; font-size:12px; }
#character .char-progress strong { font:600 16px/1.2 var(--ch-serif); }
#character .char-progress .char-points { margin:0; padding:3px 9px; font-size:12px; background:#20190d; color:#d0ba92; border-color:#a98a5840; box-shadow:none; }
#character .char-xp-track { margin-top:7px; height:5px; }
/* Inscriptions belong to the side pillars, without small figures or label plates. */
.funeral-verses { position:absolute; inset:115px 12px auto; display:flex; justify-content:space-between; pointer-events:none; padding:0; border:0; }
.funeral-verses>span { width:clamp(56px,5.5vw,96px); text-align:center; }
.banner-inscription { display:block; padding:0; color:#bfa67f; font:400 clamp(12px,1.05vw,17px)/1.5 Georgia,serif; letter-spacing:.025em; background:none; border:0; clip-path:none; text-shadow:0 2px 3px #000; }
.funeral-verses>span::before { content:'✧'; display:block; margin-bottom:8px; color:#b08d56; font:24px Georgia,serif; }
.funeral-verses>span::after,.banner-inscription::before,.banner-inscription::after { content:none; }
.funeral-effigy { position:absolute; z-index:2; pointer-events:none; width:clamp(62px,6.8vw,116px); height:58%; top:36%; background-position:center; background-size:contain; background-repeat:no-repeat; opacity:.9; }
.effigy-left { left:3px; background-image:url(../assets/ui/effigy-left.png); }
.effigy-right { right:3px; background-image:url(../assets/ui/effigy-right.png); }
.funeral-quote { color:#c6af87; text-align:center; font:400 15px/1.3 Georgia,serif; letter-spacing:.055em; }
#character .char-footer,#settings footer { flex:none; position:relative; display:flex; align-items:center; justify-content:flex-end; min-height:48px; padding:9px 0 0; margin:10px 0 0; gap:14px; border-top:1px solid #a98a5855; }
#character .char-footer .funeral-quote,#settings footer .funeral-quote { position:absolute; left:50%; transform:translateX(-50%); margin:0; width:max-content; max-width:50%; display:flex; align-items:center; gap:10px; }
#character .char-footer .funeral-quote::before,#settings footer .funeral-quote::before { content:'✧'; margin-right:12px; }
#character .char-footer .funeral-quote::after,#settings footer .funeral-quote::after { content:'✧'; margin-left:12px; }
#character .char-status { position:absolute; bottom:55px; left:0; background:#17120df2; max-width:65%; padding:0; color:#e3c48a; z-index:4; }
#character .char-status:not(:empty) { padding:8px 12px; border:1px solid #8c7149; }
#character .char-footer .btn,#settings #settings-done,#pause #resume,#character .cd-btn,#character .skt-learn {
  border:3px double #ae905e; border-image:none; border-radius:2px; box-shadow:inset 0 0 0 2px #0005;
  background:linear-gradient(#3b161b95,#190c109e),url(../assets/ui/btn-red.webp) center/cover;
  color:#f0dfc1; font:600 16px/1.2 var(--ch-serif); min-height:40px;
}
#character .char-tabs { flex:none; justify-content:center; gap:12px; padding:10px 0; margin:0; border-bottom:0; }
#character .char-tabs button,#settings .settings-nav button {
  min-height:38px; padding:7px 22px; border:3px double #796344; border-radius:2px;
  background:linear-gradient(#17130dab,#0b0a0bd9),url(../assets/ui/btn.webp) center/cover;
  box-shadow:inset 0 0 0 2px #0005; color:#cabc9f; font:600 16px/1.2 var(--ch-serif);
}
#character .char-tabs button.active,#settings .settings-nav button.active { background:linear-gradient(#4b2023a0,#210f12bc),url(../assets/ui/btn-red.webp) center/cover; color:#f1dec0; border-color:#b69661; }
#character .char-content { display:flex; flex:1; min-height:0; padding:0; overflow:hidden; }
#character .char-inventory-layout.has-preview { display:grid; width:100%; height:100%; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.86fr); gap:14px; align-items:stretch; }
#character .char-sheet,#character .char-bag,#character .char-detail,#character .skt-tree,#character .skt-inspect {
  min-width:0; min-height:0; padding:12px; border:3px double #8c724e; border-radius:3px;
  background:linear-gradient(#16110fcc,#0c0c0dde),url(../assets/ui/iron.webp) center/380px;
  box-shadow:inset 0 0 0 2px #0007; overflow:hidden;
}
#character .char-sheet,#character .char-bag { display:flex; flex-direction:column; }
#character .char-sheet>h3,#character .char-bag>h3 { flex:none; padding:0 0 9px; margin:0 0 9px; border-bottom:1px solid #a98a5840; font:600 16px/1.2 var(--ch-serif); color:#e2cba4; letter-spacing:.06em; }
#character .char-sheet>h3 small,#character .char-bag>h3 small { color:#b4a68f; font:400 12px/1.2 var(--text); }
#character .char-doll { flex:1; min-height:0; height:auto; grid-template-columns:64px minmax(0,1fr) 64px; gap:8px; }
#character .char-preview { border:1px solid #92764d; border-radius:44% 44% 2px 2px / 12% 12% 2px 2px; background:#0b1012; }
#character .char-preview-label,#character .char-preview figcaption { background:#10100e; color:#c9b58e; font-size:11px; padding:6px; }
#character .char-preview canvas { min-height:0; height:0; flex:1; }
#character .char-preview-turn { bottom:32px; }
#character .char-preview-turn button { width:32px; height:32px; min-height:32px; font-size:22px; border-color:#a98a5840; background:#15130ca6; }
#character .char-equipment,#character .char-item { border:1px solid #82704f; border-radius:3px; background:radial-gradient(ellipse at center,#292419,#0c0e10 80%); box-shadow:inset 0 0 0 2px #0007; }
#character .char-equipment { padding:8px 3px 4px; grid-template-rows:minmax(0,1fr) auto auto; }
#character .char-equipment .char-item-art { min-height:0; overflow:hidden; }
#character .char-equipment .char-gear-icon,#character .char-equipment .char-icon { width:100%; height:100%; max-height:64px; object-fit:contain; padding:0; }
#character .eq-label { font-size:10px; }
#character .eq-name { font-size:10px; line-height:1.2; }
#character img.char-gear-icon { object-fit:contain; padding:0; filter:none; }
#character .char-stat-grid { flex:none; padding:8px 4px; gap:4px; margin-top:8px; border:1px solid #a98a5830; background:#0b0d0dcc; }
#character .st-tile { padding:3px; gap:5px; }
#character .st-ico { width:21px; height:21px; }
#character .st-text small { font-size:10px; }
#character .st-text strong { font-size:17px; }
#character .char-bag-toolbar { flex:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; margin-bottom:8px; }
#character .char-filter { min-width:0; min-height:34px; padding:3px; font-size:11px; background:#17140f; border:1px solid #8c724e70; }
#character .char-filter .char-icon { width:21px; height:21px; padding:1px; }
#character .char-bag-grid { flex:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(4,minmax(0,1fr)); grid-auto-rows:0; gap:6px; height:auto; min-height:0; max-height:none; padding:4px; align-content:stretch; overflow:hidden; }
#character .char-item,#character .char-item-empty { min-width:0; min-height:0; height:100%; aspect-ratio:auto; align-self:stretch; padding:3px; }
#character .char-item-empty { border:1px solid #a98a5828; background:#0b0d0e88; }
#character .char-item .char-item-art { min-height:0; height:100%; }
#character .char-item .char-gear-icon { width:100%; height:100%; max-height:94px; }
#character .char-item-name { font-size:10px; }
#character .char-bag-empty { display:none; }
#character .char-bag-help { flex:none; margin:8px 0 0; font-size:11px; line-height:1.3; color:#bbaa8b; }
#character .bag-pagination { flex:none; display:flex; align-items:center; justify-content:space-between; gap:8px; height:29px; margin-top:6px; font-size:11px; color:#bbaa8b; }
#character .bag-pagination button { border:1px solid #8b714b; background:#18130e; color:#ead6b1; padding:3px 9px; cursor:pointer; }
#character .bag-pagination button:disabled { opacity:.35; cursor:default; }
#character .char-detail { display:flex; flex-direction:column; align-self:stretch; height:100%; gap:7px; max-height:none; }
#character .cd-head { flex-direction:column; align-items:stretch; gap:9px; }
#character .cd-art { width:100%; height:clamp(70px,14dvh,160px); border:1px solid #9c7d5040; background:radial-gradient(ellipse,#31251d,#0e0e0f); }
#character .cd-art .char-gear-icon { width:100%; height:100%; max-height:140px; }
#character .cd-title h3 { font:600 21px/1.15 var(--ch-serif); margin-top:4px; }
#character .cd-sub { font-size:10px; color:#bca98c; }
#character .cd-primary { padding:6px 0; margin:0; }
#character .cd-pline strong { font-size:27px; }
#character .cd-plabel { font-size:10px; }
#character .cd-rest { margin:0; }
#character .cd-row { padding:3px 0; font-size:12px; }
#character .cd-chips { gap:5px; margin:0; }
#character .cd-chip { font-size:11px; padding:4px 6px; }
#character .cd-note,#character .cd-lore { margin:0; font-size:12px; line-height:1.4; }
#character .cd-lore { color:#b7aa92; }
#character .cd-actions { margin-top:auto; padding-top:6px; }
#character .cd-worn { font-size:11px; margin:0; }
#character .char-hover-tooltip .cd-head { flex-direction:row; }
#character .char-hover-tooltip .cd-art { width:52px; height:52px; }
/* Four paths and a full inspection panel share the same bounded workspace. */
#character .skt-wrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.37fr); grid-template-rows:minmax(0,1fr) auto; width:100%; height:100%; gap:10px 14px; }
#character .skt-top { grid-column:1; grid-row:2; display:block; }
#character .skt-points { display:none; }
#character .skt-workspace { display:contents; }
#character .skt-tree { grid-column:1; grid-row:1; display:flex; flex-direction:column; height:100%; }
#character .skt-cols { flex:1; min-height:0; display:grid; grid-template-columns:1fr; grid-template-rows:repeat(4,minmax(0,1fr)); gap:7px; }
#character .skt-col { min-height:0; display:grid; grid-template-columns:100px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr); align-items:center; gap:0; padding:4px 6px; border:1px solid #8b704b; border-radius:3px; background:linear-gradient(90deg,#391c2180,#141210c0); box-shadow:inset 0 0 0 2px #0005; }
#character .skt-col>header { padding:4px 7px; margin:0; text-align:left; border:0; border-right:1px solid #8b704b55; }
#character .skt-col>header b { font:600 13px/1.25 var(--ch-serif); color:#dbc399; letter-spacing:.035em; }
#character .skt-col>header small { font:400 11px/1.3 var(--text); margin-top:5px; color:#b7a990; }
#character .skt-node { position:relative; min-height:0; height:100%; min-width:0; padding:2px; justify-content:center; border:0; background:none; border-radius:2px; }
#character .skt-emblem { width:clamp(52px,7dvh,80px); height:clamp(52px,7dvh,80px); flex:none; margin:0; border:2px solid #a68a5c; background:#111; box-shadow:0 0 0 2px #080808,0 3px 5px #000; }
#character .skt-emblem .char-icon { width:100%; height:100%; padding:0; border-radius:50%; object-fit:cover; filter:none; }
#character .skt-node strong { font:600 13px/1.1 var(--ch-serif); margin-top:5px; color:#dfceb1; }
#character .skt-state { font:400 10px/1.1 var(--text); margin-top:3px; color:#bbad91; }
#character .skt-node.locked .skt-emblem { filter:saturate(.65); opacity:.8; }
#character .skt-node.locked strong { color:#c7b797; }
#character .skt-node.selected { background:none; }
#character .skt-node.selected .skt-emblem { outline:1px solid #ead5a7; outline-offset:3px; }
#character .skt-node.learned .skt-emblem,#character .skt-node.available .skt-emblem { animation:none; background:#111; box-shadow:0 0 0 2px #312617,0 0 12px #a98a5830; }
#character .skt-tier { background:#241a11!important; color:#ead5a7!important; font-size:10px; left:0; top:0; border:1px solid #a98a5870; }
#character .skt-link,#character .skt-node::before,#character .skt-node::after {
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='8'%3E%3Cellipse cx='5' cy='4' rx='4.5' ry='2.6' fill='none' stroke='%23a99067' stroke-width='1.2'/%3E%3Cellipse cx='15' cy='4' rx='5.5' ry='1.2' fill='none' stroke='%23756144' stroke-width='1.2'/%3E%3C/svg%3E") center/20px 8px repeat-x;
}
#character .skt-link { width:100%; height:8px; margin:0 0 27px; border:0; box-shadow:none; opacity:.85; }
#character .skt-link::before,#character .skt-link::after { display:none; }
#character .skt-node::before,#character .skt-node::after { content:''; position:absolute; top:calc(50% - 17.5px); width:calc(50% - clamp(26px,3.5dvh,40px)); height:8px; pointer-events:none; }
#character .skt-node::before { left:0; } #character .skt-node::after { right:0; }
#character .skt-node[data-tier='1']::before,#character .skt-node[data-tier='3']::after { display:none; }
#character .skt-note { flex:none; margin:8px 0 0; font:400 11px/1.3 var(--text); color:#b5a58b; }
#character .skt-inspect { grid-column:2; grid-row:1 / span 2; display:flex; flex-direction:column; align-self:stretch; height:100%; max-height:none; gap:7px; overflow:hidden; }
#character .skt-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:10px; letter-spacing:.035em; }
#character .skt-tiernum { font-size:10px; padding:4px 6px; background:#38291a; color:#e4c797; }
#character .skt-inspect header { flex:none; display:flex; flex-direction:row; align-items:center; gap:10px; padding:4px 0; }
#character .skt-inspect header .char-icon { width:64px; height:64px; padding:0; object-fit:cover; border:2px solid #a98a58; border-radius:50%; filter:none; }
#character .skt-inspect h3 { font:600 22px/1.15 var(--ch-serif); text-align:left; }
#character .skt-inspect>p { flex:none; margin:0; font-size:12px; line-height:1.4; }
#character .skt-inspect>.skt-delta { padding:6px; font-size:11px; border-left:2px solid #a98a58; background:#a98a5810; }
#character .skt-facts { gap:0; }
#character .skt-fact { padding:4px 0; min-height:0; background:none; border-bottom:1px solid #a98a5825; font-size:12px; }
#character .skt-fact b { font-size:13px; }
#character .skt-fact em { font-size:10px; }
#character .skt-learn { flex:none; margin-top:auto; min-height:38px; }
#character .skt-assign { flex:none; }
#character .skt-assign>div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
#character .skt-assign small { margin-bottom:4px; font-size:10px; }
#character .skt-assign button { min-width:0; min-height:30px; padding:4px; gap:5px; font-size:11px; background:#1b1510; border:1px solid #8b714b; }
#character .skt-slots { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
#character .skt-loadout h4 { font:600 13px/1.3 var(--ch-serif); letter-spacing:.06em; margin-bottom:5px; }
#character .skt-loadout h4 small { font-size:10px; }
#character .skt-slot { min-height:45px; min-width:0; padding:6px; gap:7px; border:1px solid #8b714b; background:#18130ed9; }
#character .skt-slot strong { font-size:12px; }
#character .skt-slot small { font-size:10px; }
#character .skt-slot .char-icon { width:30px; height:30px; padding:0; border-radius:50%; filter:none; }
#character .skt-cap { min-width:26px; padding:4px; font-size:10px; color:#e1c591; background:#241a11; border-color:#8b714b; }
#character .skt-slotcap { font-size:8px; right:0; top:0; padding:1px 3px; }
/* Pause artwork, restrained serif captions and identical side pillars. */
#pause .menu-stack { flex:1; min-height:0; width:min(650px,100%); margin:14px auto 0; display:flex; flex-direction:column; gap:10px; }
#pause .funeral-menu-grid { flex:1; min-height:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; }
#pause .funeral-card { position:relative; min-height:0; height:100%; width:100%; padding:0; overflow:hidden; border:3px double #9c805d; border-image:none; border-radius:2px; background:#0c0b09; box-shadow:inset 0 0 0 3px #000; }
#pause .funeral-card::before { content:''; position:absolute; inset:0; background:url(../assets/ui/menu-character.png) center/cover; filter:saturate(.8); }
#pause .card-talents::before { background-image:url(../assets/ui/menu-talents.png); }
#pause .card-journal::before { background-image:url(../assets/ui/menu-journal.png); }
#pause .card-settings::before { background-image:url(../assets/ui/menu-settings.png); }
#pause .funeral-card>span { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center; gap:10px; padding:10px 4px; border-top:1px solid #a98a5870; background:#0b0a08e6; color:#ede0c5; font:500 23px/1.2 var(--ch-serif); text-shadow:0 2px 2px #000; }
#pause .funeral-card:hover { filter:brightness(1.12); }
#pause kbd { font:500 13px var(--ch-serif); background:none; border:0; color:#b7a27e; }
#pause #resume { flex:none; width:100%; height:48px; font-size:23px; }
#pause .pause-stats { display:none; }
#pause #pause-difficulty { text-align:center; font-size:11px; color:#a9977b; margin:6px 0 0; }
#pause .pause-secondary { flex:none; display:flex; justify-content:center; gap:18px; }
#pause .pause-secondary button { font-size:12px; color:#b6a487; padding:3px 6px; }
#pause .save-note { text-align:center; font-size:11px; color:#9d8d74; margin:3px 0 0; }
#pause .funeral-quote { flex:none; text-align:center; margin:10px 0 0; padding-top:10px; border-top:1px solid #a98a5840; }
#pause .funeral-quote .banner-inscription { font-size:15px; }
/* Settings keeps the same header, borders, footer and statues. */
#settings .settings-workspace { flex:1; min-height:0; margin-top:16px; grid-template-columns:175px minmax(0,1fr); gap:20px; }
#settings .settings-nav { border-right:1px solid #a98a5840; padding-right:14px; }
#settings .settings-nav button { padding:12px 9px; font-size:16px; }
#settings .settings-nav small { font:400 11px/1.3 var(--text); color:#b3a186; }
#settings .settings-pages { min-width:0; padding:0 4px 0 0; overflow:auto; scrollbar-width:thin; scrollbar-color:#927650 #100c0b; }
#settings .settings-pages h3 { padding:0 0 10px; margin:0 0 8px; border-bottom:1px solid #a98a5840; font:600 21px/1.2 var(--ch-serif); color:#e0c7a0; }
#settings .setting { padding:9px 0; border-bottom-color:#a98a5828; }
#settings .setting>label { color:#e1d1b5; font-size:14px; }
#settings .setting small,#settings .setting p { color:#bbaa8e; font-size:12px; }
#settings .segmented button { border:1px solid #8b714b; border-image:none; border-radius:2px; background:#17130fe0; color:#cabc9f; min-height:34px; font-size:13px; box-shadow:inset 0 0 0 2px #0004; }
#settings .segmented button.selected { background:linear-gradient(#4b2023,#210f12); border-color:#b69661; color:#f0dfc1; }
#settings #settings-note { display:none; }
#settings #settings-reset { margin-right:auto; color:#bbaa8e; font-size:12px; }
@media(max-height:760px) and (min-width:1000px) {
  #pause .sepulchral-pause,#character .character-panel,#settings .settings-panel { padding-top:14px; padding-bottom:10px; }
  #character .panel-head h2,#settings .panel-head h2 { font-size:14px; margin-top:2px; }
  #character .char-progress { margin-top:6px; }
  #character .panel-head,#settings .panel-head { padding-bottom:8px; }
  #character .char-tabs { padding:7px 0; }
  #character .char-tabs button { min-height:32px; padding:5px 18px; }
  #character .skt-tree,#character .skt-inspect { padding:8px; }
  #character .skt-emblem { width:46px; height:46px; }
  #character .skt-node strong { font-size:12px; margin-top:4px; }
  #character .skt-node::before,#character .skt-node::after { width:calc(50% - 23px); }
  #character .skt-inspect header .char-icon { width:46px; height:46px; }
  #character .skt-inspect h3 { font-size:19px; }
  #character .skt-inspect { gap:3px; }
  #character .skt-fact { padding:2px 0; font-size:11px; }
  #character .skt-fact b { font-size:12px; }
  #character .skt-inspect>p { font-size:11px; line-height:1.3; }
  #character .skt-note { font-size:10px; margin-top:5px; }
  #character .skt-slot { min-height:38px; padding:4px; }
  #character .cd-art { height:70px; }
  #character .cd-title h3 { font-size:18px; }
  #character .cd-lore,#character .cd-note { font-size:11px; }
  #character .char-detail { gap:5px; }
  #character .cd-pline strong { font-size:23px; }
  #pause .menu-stack { width:min(580px,100%); gap:7px; margin-top:8px; }
}
@media(max-width:999px) {
  #pause .sepulchral-pause,#character .character-panel,#settings .settings-panel { padding:16px 20px 12px; }
  .funeral-effigy,.funeral-verses { display:none; }
  #character .char-inventory-layout.has-preview { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.85fr); gap:8px; }
  #character .char-sheet,#character .char-bag,#character .char-detail { padding:8px; }
  #character .char-doll { grid-template-columns:48px minmax(0,1fr) 48px; gap:4px; }
  #character .skt-wrap { grid-template-columns:minmax(0,1fr) 225px; gap:8px; }
  #character .skt-col { grid-template-columns:70px minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr); padding:2px; }
  #character .skt-col>header b { font-size:11px; }
  #character .skt-emblem { width:44px; height:44px; }
  #character .skt-node strong { font-size:11px; }
  #character .skt-node::before,#character .skt-node::after { width:calc(50% - 22px); }
  #character .skt-slot>button:not(.skt-remove) { gap:4px; }
  #character .skt-slot small { display:none; }
  #character .skt-slot { gap:4px; }
  #character .char-footer .funeral-quote,#settings footer .funeral-quote { font-size:12px; }
}
@media(max-width:699px) {
  #character .char-content { overflow-y:auto; }
  #character .char-inventory-layout.has-preview { height:auto; display:grid; grid-template-columns:minmax(0,1fr); }
  #character .char-doll { height:320px; flex:none; grid-template-columns:64px minmax(0,1fr) 64px; }
  #character .char-bag-grid { height:320px; flex:none; }
  #character .skt-wrap { display:flex; flex-direction:column; height:auto; }
  #character .skt-workspace { display:flex; flex-direction:column; }
  #character .skt-cols { min-height:460px; }
  #character .skt-inspect { overflow:visible; }
  #character .skt-slots { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #character .char-footer .funeral-quote,#settings footer .funeral-quote { display:none; }
  #character .char-footer,#settings footer { min-height:42px; }
  #settings .settings-workspace { display:flex; flex-direction:column; gap:10px; }
  #settings .settings-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:0; border:0; }
  #settings .settings-nav button { padding:7px 3px; font-size:12px; }
  #settings .settings-nav small { display:none; }
  #settings .settings-pages { flex:1; }
  #pause .funeral-card>span { font-size:18px; }
  #pause .mourning-title,#character .mourning-title,#settings .panel-head .eyebrow { font-size:26px; }
}

@media(max-height:760px) and (min-width:1000px) {
 #character .mourning-title,#settings .panel-head .eyebrow { font-size:28px; }
 #character .char-footer,#settings footer { min-height:42px; padding-top:6px; margin-top:7px; }
 #character .char-footer .btn,#settings #settings-done { min-height:34px; height:34px; padding:4px 18px; }
}

@media(min-width:1000px) {
 #settings #settings-video:not(.hidden),#settings #settings-audio:not(.hidden) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; align-content:start; }
 #settings #settings-video>h3,#settings #settings-audio>h3 { grid-column:1 / -1; }
 #settings .setting { min-width:0; align-self:start; }
 #settings .setting p { line-height:1.4; }
}