/* Selected hybrid B: embossed burgundy leather, cast bronze, readable ivory typography. */
#character,#settings,#journal {--text:Georgia,'Times New Roman',serif;--ch-ink:#eadfc9;--ch-muted:#c6bca7;background:#080708;}
#character .character-panel,#settings .settings-panel,#journal .journal-panel {
 width:min(96vw,calc(94dvh * 1586 / 992 * 1.05));height:94dvh;max-height:1040px;max-width:1745px;
 padding:0;border:0;border-radius:0;box-shadow:0 12px 65px #000b;position:relative;
 background:url(../assets/ui/hybrid-b-chamber.png) center/100% 100% no-repeat;overflow:hidden;
}
#character .character-panel::before,#character .character-panel::after,
#settings .settings-panel::before,#settings .settings-panel::after,#journal .journal-panel::before,#journal .journal-panel::after {display:none;}
#character .panel-head,#settings .panel-head,#journal .panel-head {
 position:absolute;top:2.3%;left:6.5%;width:87%;padding:0;margin:0;border:0;gap:0;
}
#character .mourning-title,#settings .panel-head .eyebrow,#journal .panel-head .eyebrow {font:400 clamp(28px,2.65vw,44px)/1.05 Georgia,serif;letter-spacing:.075em;color:#f0e3c9;text-shadow:0 2px 3px #000;}
#character .panel-head h2,#settings .panel-head h2,#journal .panel-head h2 {font:400 18px/1.15 Georgia,serif;letter-spacing:.06em;color:#e6d7b9;margin-top:4px;}
#character .panel-head .close,#settings .panel-head .close,#journal .panel-head .close {top:0;right:0;width:32px;height:32px;min-height:32px;background:#0c0908d9;border:1px solid #ba9864;color:#e6d6b6;}
#character .char-progress {margin-top:8px;}
#character .char-progress>div:first-child {font-size:12px;gap:14px;}
#character .char-progress strong {font-size:14px;}
#character .char-xp-track {height:3px;margin-top:5px;background:#100c0960;border-color:#a98a5840;}
#character .char-tabs {position:absolute;left:6.5%;top:14%;width:87%;padding:0;gap:6px;}
#character .char-tabs button {font:400 18px/1.1 Georgia,serif;padding:7px 20px;min-height:36px;border:2px ridge #8e7148;border-radius:0;background:linear-gradient(#100c0990,#080706b0),url(../assets/ui/funeral-cloth-dark.png) center/180px;box-shadow:inset 0 0 0 2px #0005;}
#character .char-tabs button.active,#settings .settings-nav button.active {background:linear-gradient(#4f171943,#1b0b0c80),url(../assets/ui/funeral-cloth.png) center/180px;border-color:#bc9a61;color:#f3e5c7;}
#character .char-content {position:absolute;left:6.5%;right:6.5%;top:20%;bottom:11%;width:auto;height:auto;}
#character .char-footer,#settings footer {position:absolute;left:6.5%;right:6.5%;bottom:2.1%;height:5.4%;min-height:0;margin:0;padding:0;border:0;}
#character .char-footer::before,#settings footer::before {display:none;}
#character .char-footer .btn,#settings #settings-done {font:400 18px/1.15 Georgia,serif;min-height:34px;height:34px;padding:4px 22px;}
#character .char-sheet,#character .char-bag,#character .char-detail,#character .skt-tree,#character .skt-inspect,#character .skt-loadout {
 position:relative;border:3px ridge #9d7b49;border-radius:3px;padding:12px;background:linear-gradient(#11100df0,#080909f0),url(../assets/ui/funeral-cloth-dark.png) center/220px;
 box-shadow:inset 0 0 0 2px #000a,inset 0 1px 0 #d6b36a38,0 3px 7px #0009;
}
#character .char-sheet::before,#character .char-bag::before,#character .char-detail::before,#character .skt-tree::before,#character .skt-inspect::before,#character .skt-loadout::before {
 content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.75;
 background:url(../assets/ui/frame-tl.png) left top/30px 30px no-repeat,url(../assets/ui/frame-tr.png) right top/30px 30px no-repeat,url(../assets/ui/frame-bl.png) left bottom/30px 30px no-repeat,url(../assets/ui/frame-br.png) right bottom/30px 30px no-repeat;
}
#character .char-sheet>h3,#character .char-bag>h3 {font:400 19px/1.2 Georgia,serif;letter-spacing:.02em;background:linear-gradient(90deg,#56252d60,transparent),url(../assets/ui/funeral-cloth.png) center/180px;border-bottom:1px solid #9d7b4960;padding:5px 6px 9px;margin-bottom:9px;}
#character .char-sheet>h3 small,#character .char-bag>h3 small {font-size:12px;color:#d1c3a8;}
#character .char-inventory-layout.has-preview {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);gap:10px;}
#character .char-doll {grid-template-columns:56px minmax(0,1fr) 56px;gap:5px;}
#character .char-preview {border:2px ridge #977647;background:#080909;}
#character .char-filter {min-height:34px;font-size:12px;border-color:#8a6b4560;}
#character .char-bag-help {font-size:11px;line-height:1.3;}
#character .cd-title h3 {font:400 24px/1.2 Georgia,serif;color:#f1e4ca;}
#character .cd-note,#character .cd-lore {font-size:14px;line-height:1.5;color:#d6ccb8;}
#character .cd-art {height:clamp(70px,14dvh,140px);background:linear-gradient(#240e1340,#080909b0),url(../assets/ui/funeral-cloth.png) center/180px;border:2px ridge #89693c;}
#character .cd-actions .cd-btn,#character .skt-learn {background:linear-gradient(#4e1b2360,#180b0ec0),url(../assets/ui/funeral-cloth.png) center/180px;border:3px ridge #987949;font:400 18px Georgia,serif;color:#eedfc0;}
#character .skt-wrap {grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);grid-template-rows:minmax(0,1fr) 116px;gap:10px;}
#character .skt-tree {grid-column:1;grid-row:1 / span 2;}
#character .skt-inspect {grid-column:2;grid-row:1;height:100%;gap:8px;}
#character .skt-top {grid-column:2;grid-row:2;display:flex;height:100%;min-height:0;}
#character .skt-loadout {width:100%;height:100%;padding:8px 10px;}
#character .skt-loadout h4 {font:400 14px/1.2 Georgia,serif;letter-spacing:.035em;margin-bottom:6px;color:#f0e3c9;}
#character .skt-loadout h4 small {display:none;}
#character .skt-slots {height:76px;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));}
#character .skt-slot {position:relative;display:flex;flex-direction:column;gap:2px;min-height:0;padding:2px;border:2px ridge #927347;background:#070909;}
#character .skt-slot .skt-cap {font:400 10px Georgia,serif;width:100%;text-align:center;min-height:19px;padding:2px;min-width:0;border:0;border-bottom:1px solid #8b704b70;background:#20170d;}
#character .skt-slot button:not(.skt-remove) {width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;}
#character .skt-slot button:not(.skt-remove)>span {display:none;}
#character .skt-slot .char-icon {width:42px;height:42px;max-height:100%;object-fit:contain;}
#character .skt-slot.empty button::before {content:'+';font:400 30px Georgia,serif;color:#a89779;}
#character .skt-remove {position:absolute;right:1px;bottom:0;min-height:20px;width:20px;padding:0;background:#180b0be0;}
#character .skt-col {grid-template-columns:96px minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);border:2px ridge #886b42;background:linear-gradient(90deg,#35151ccb,#100e0ee8),url(../assets/ui/funeral-cloth.png) center/180px;box-shadow:inset 0 0 0 2px #0006;}
#character .skt-col>header b {font:400 15px/1.2 Georgia,serif;}
#character .skt-node strong {font:400 16px/1.15 Georgia,serif;color:#ebdfc8;}
#character .skt-state {font:400 11px/1.2 Georgia,serif;}
#character .skt-emblem {width:clamp(54px,8dvh,82px);height:clamp(54px,8dvh,82px);border:3px ridge #b09158;box-shadow:0 0 0 2px #080707,0 2px 9px #0009;}
#character .skt-node::before,#character .skt-node::after {width:calc(50% - clamp(27px,4dvh,41px));}
#character .skt-link,#character .skt-node::before,#character .skt-node::after {height:2px;background:linear-gradient(#bd9860,#735335);opacity:.8;}
#character .skt-link::before {display:block;content:'';width:5px;height:5px;background:#3c2717;border:1px solid #c3a573;transform:rotate(45deg);position:absolute;top:-2px;left:50%;}
#character .skt-inspect header .char-icon {width:66px;height:66px;border:3px ridge #b3935c;}
#character .skt-inspect h3 {font:400 25px/1.15 Georgia,serif;color:#f2e6ce;}
#character .skt-inspect>p {font:400 14px/1.45 Georgia,serif;color:#d9ceba;}
#character .skt-fact {font:400 14px/1.25 Georgia,serif;padding:5px 0;}
#character .skt-fact b {font:400 15px/1.2 Georgia,serif;}
#settings .settings-workspace {position:absolute;left:6.5%;right:6.5%;top:17%;bottom:11%;margin:0;grid-template-columns:165px minmax(0,1fr);gap:18px;}
#settings .settings-nav {padding-right:12px;border-right:1px solid #91724a70;}
#settings .settings-nav button {font:400 18px/1.2 Georgia,serif;min-height:62px;border:2px ridge #8c6c40;padding:10px 8px;background:linear-gradient(#100d0bb0,#090908e0),url(../assets/ui/funeral-cloth-dark.png) center/180px;}
#settings .settings-nav small {font:400 11px/1.3 Georgia,serif;color:#c6bda8;}
#settings .settings-pages {background:linear-gradient(#100e0cbd,#080909d9);border:2px ridge #987747;padding:12px;}
#settings .settings-pages h3 {font:400 24px/1.2 Georgia,serif;color:#f0e4ca;background:none;}
#settings .setting>label {font:400 17px/1.25 Georgia,serif;color:#ecdfc7;}
#settings .setting small,#settings .setting p {font:400 13px/1.45 Georgia,serif;color:#d0c5af;}
#settings .segmented button {font:400 14px Georgia,serif;border:2px ridge #80633e;min-height:36px;color:#ebdfc9;}
#settings .segmented button.selected {background:linear-gradient(#58232880,#220c0e80),url(../assets/ui/funeral-cloth.png) center/180px;border-color:#b69359;}
@media(max-height:850px) and (min-width:1000px) {
 #character .mourning-title,#settings .panel-head .eyebrow,#journal .panel-head .eyebrow {font-size:30px;}
 #character .panel-head h2,#settings .panel-head h2,#journal .panel-head h2 {font-size:14px;margin-top:3px;}
 #character .char-progress {margin-top:5px;} #character .char-progress strong {font-size:12px;}
 #character .char-progress>div:first-child {font-size:10px;} #character .char-points {font-size:10px;}
 #character .char-tabs button {font-size:15px;min-height:30px;padding:4px 16px;}
 #character .char-content {top:20%;}
 #character .char-sheet,#character .char-bag,#character .char-detail,#character .skt-tree,#character .skt-inspect {padding:7px;}
 #character .char-sheet>h3,#character .char-bag>h3 {font-size:15px;padding:3px 3px 6px;margin-bottom:6px;}
 #character .char-doll {grid-template-columns:44px minmax(0,1fr) 44px;}
 #character .char-filter {min-height:29px;font-size:10px;}
 #character .char-bag-help {font-size:10px;}
 #character .cd-title h3 {font-size:20px;} #character .cd-lore,#character .cd-note {font-size:12px;line-height:1.3;}
 #character .cd-art {height:72px;} #character .cd-actions .cd-btn {font-size:16px;}
 #character .skt-wrap {grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:minmax(0,1fr) 96px;gap:7px;}
 #character .skt-slots {height:59px;} #character .skt-loadout {padding:5px 7px;}
 #character .skt-loadout h4 {font-size:12px;margin-bottom:4px;}
 #character .skt-col {grid-template-columns:72px minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);padding:2px;}
 #character .skt-col>header b {font-size:12px;} #character .skt-node strong {font-size:12px;}
 #character .skt-emblem {width:52px;height:52px;}
 #character .skt-node::before,#character .skt-node::after {width:calc(50% - 26px);}
 #character .skt-inspect {gap:5px;} #character .skt-inspect header .char-icon {width:44px;height:44px;}
 #character .skt-inspect h3 {font-size:20px;} #character .skt-inspect>p {font-size:12px;line-height:1.3;}
 #character .skt-inspect>.skt-delta {font-size:10px;padding:3px;}
 #character .skt-fact {font-size:11px;padding:2px 0;} #character .skt-fact b {font-size:12px;}
 #character .skt-learn {font-size:14px;min-height:30px;}
 #character .skt-note {font-size:11px;margin-top:5px;}
 #settings .settings-workspace {grid-template-columns:130px minmax(0,1fr);gap:12px;}
 #settings .settings-nav button {font-size:14px;min-height:54px;padding:7px 5px;}
 #settings .settings-nav small {font-size:10px;}
 #settings .settings-pages {padding:8px;} #settings .settings-pages h3 {font-size:20px;padding-bottom:5px;margin-bottom:3px;}
 #settings .setting {padding:4px 0;} #settings .setting>label {font-size:14px;}
 #settings .setting small,#settings .setting p {font-size:11px;line-height:1.3;margin-top:4px;}
 #settings .segmented button {font-size:12px;min-height:29px;padding:4px;}
 #settings #settings-video:not(.hidden),#settings #settings-audio:not(.hidden) {gap:6px 14px;}
}
@media(max-width:999px) {
 #character .character-panel,#settings .settings-panel,#journal .journal-panel {width:100vw;height:100dvh;max-height:none;}
 #character .skt-wrap {grid-template-columns:minmax(0,1fr) 270px;}
 #character .skt-col {grid-template-columns:60px minmax(0,1fr) 4px minmax(0,1fr) 4px minmax(0,1fr);}
 #character .skt-node strong {font-size:11px;} #character .skt-col>header b {font-size:11px;}
 #character .skt-emblem {width:44px;height:44px;}
 #character .skt-node::before,#character .skt-node::after {width:calc(50% - 22px);}
}
@media(max-width:699px) {
 #character .character-panel,#settings .settings-panel,#journal .journal-panel {background-size:cover;}
 #character .mourning-title,#settings .panel-head .eyebrow,#journal .panel-head .eyebrow {font-size:26px;}
 #character .char-content {overflow-y:auto;} #character .char-inventory-layout.has-preview {grid-template-columns:1fr;height:auto;}
 #character .char-sheet {min-height:440px;} #character .char-bag {min-height:440px;}
 #character .skt-wrap {display:flex;flex-direction:column;height:auto;} #character .skt-workspace {display:contents;}
 #character .skt-tree {order:0;min-height:480px;} #character .skt-inspect {order:1;height:auto;}
 #character .skt-top {order:2;height:116px;flex:none;} #character .skt-slots {grid-template-columns:repeat(4,minmax(0,1fr));}
 #settings .settings-workspace {display:flex;flex-direction:column;top:16%;}
}

/* The lower leather band keeps progression separate from the carved title plaque. */
#character .char-progress {position:absolute;top:calc(94dvh * .9);left:0;width:72%;margin:0;}
#character .char-progress>div:first-child {justify-content:flex-start;}
@media(max-height:850px) and (min-width:1000px) {
 #character .skt-facts:has(.skt-fact:nth-child(7)) {grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;}
 #character .skt-facts:has(.skt-fact:nth-child(7)) .skt-fact {column-gap:4px;align-items:center;min-height:23px;}
}
@media(max-width:999px) {#character .char-progress {top:calc(100dvh * .9);width:70%;}}
@media(max-width:699px) {#character .char-progress {top:calc(100dvh * .88);width:100%;} #character .char-progress .char-points {font-size:10px;} }

#character .char-footer .char-progress {position:absolute;top:auto;bottom:0;left:0;width:72%;margin:0;}
@media(max-width:699px) {#character .char-footer .char-progress {bottom:42px;width:100%;}}

#character .skt-assign>div {grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
#character .skt-assign button {justify-content:center;padding:3px;min-height:28px;}
#character .skt-assign button>span:last-child {display:none;}
#character .skt-inspect:has(.skt-assign)>.skt-delta {display:none;}
#character .skt-inspect:has(.skt-assign) .skt-facts:has(.skt-fact:nth-child(7)) {grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;}
#character .skt-inspect:has(.skt-assign) .skt-facts:has(.skt-fact:nth-child(7)) .skt-fact {column-gap:4px;}

/* The story ledger shares B's materials and rhythm with character and settings. */
#journal .panel-head>div {width:100%;text-align:center;}
#journal-intro {position:absolute;top:16%;left:6.5%;right:6.5%;max-width:none;margin:0;color:#d5c7b0;font:400 16px/1.5 Georgia,serif;}
#journal-content {position:absolute;top:25%;bottom:11%;left:6.5%;right:6.5%;padding:0;gap:16px;overflow:auto;scrollbar-width:thin;scrollbar-color:#997849 #100d0b;align-items:stretch;}
#journal .journal-quest {position:relative;min-height:0;padding:20px;border:3px ridge #9d7b49;border-radius:3px;background:linear-gradient(#11100df0,#080909f0),url(../assets/ui/funeral-cloth-dark.png) center/220px;box-shadow:inset 0 0 0 2px #000a,0 3px 7px #0009;}
#journal .journal-quest::before {content:'';position:absolute;inset:0;pointer-events:none;opacity:.75;background:url(../assets/ui/frame-tl.png) left top/30px 30px no-repeat,url(../assets/ui/frame-tr.png) right top/30px 30px no-repeat,url(../assets/ui/frame-bl.png) left bottom/30px 30px no-repeat,url(../assets/ui/frame-br.png) right bottom/30px 30px no-repeat;}
#journal .journal-quest header {padding:10px 12px;margin:-5px -5px 0;gap:14px;border-bottom:1px solid #9d7b4970;background:linear-gradient(90deg,#56252d60,transparent),url(../assets/ui/funeral-cloth.png) center/180px;}
#journal .journal-number {width:42px;height:42px;border:2px ridge #a48450;color:#eddbb5;background:#160d0c;font:400 25px Georgia,serif;}
#journal .journal-quest h3 {font:400 24px/1.2 Georgia,serif;color:#f0e3c9;}
#journal .journal-quest header small {font:400 12px/1.3 Georgia,serif;letter-spacing:.06em;color:#c7af83;}
#journal .journal-description {font:400 16px/1.5 Georgia,serif;color:#d2c4af;margin:18px 0 24px;}
#journal .journal-steps li {gap:16px;padding:12px 10px 20px;border-top:1px solid #aa87552b;color:#d3c6b3;}
#journal .journal-steps li:last-child {padding-bottom:12px;}
#journal .journal-steps li:not(:last-child)::after {left:15px;top:28px;bottom:-2px;background:#9b78485c;}
#journal .journal-steps b {font:400 19px/1.25 Georgia,serif;}
#journal .journal-steps p {font:400 15px/1.5 Georgia,serif;color:#bcaf9b;margin-top:7px;}
#journal .journal-steps .current {background:linear-gradient(90deg,#66312a45,transparent);color:#f2ddb1;}
#journal .journal-steps .current p {color:#dfcaa9;}
#journal .journal-steps .done {color:#b3c3a2;}
#journal .journal-steps .done p {color:#abb7a0;}
#journal footer {position:absolute;left:6.5%;right:6.5%;bottom:2.1%;height:5.4%;padding:0;margin:0;border:0;}
#journal #journal-done {font:400 18px/1.15 Georgia,serif;min-height:34px;height:34px;padding:4px 22px;}
#journal #journal-gate {font:400 14px/1.4 Georgia,serif;color:#dbc8a5;}
@media(max-height:850px) and (min-width:1000px) {
 #journal .panel-head .eyebrow {font-size:30px;}
 #journal .panel-head h2 {font-size:15px;}
 #journal-intro {font-size:14px;line-height:1.4;}
 #journal-content {gap:12px;}
 #journal .journal-quest {padding:13px;}
 #journal .journal-quest h3 {font-size:20px;}
 #journal .journal-description {font-size:14px;margin:12px 0;}
 #journal .journal-steps li {padding:10px 8px 14px;}
 #journal .journal-steps b {font-size:16px;}
 #journal .journal-steps p {font-size:13px;line-height:1.4;margin-top:5px;}
}
@media(max-width:999px) {
 #journal .journal-panel {width:100vw;height:100dvh;max-height:none;}
 #journal-intro {font-size:14px;}
 #journal .journal-quest {padding:12px;}
 #journal .journal-quest h3 {font-size:20px;}
 #journal .journal-description,#journal .journal-steps p {font-size:14px;}
 #journal .journal-steps b {font-size:17px;}
}
@media(max-width:699px) {
 #journal .panel-head .eyebrow {font-size:24px;}
 #journal .panel-head h2 {font-size:14px;}
 #journal-intro {top:15%;font-size:13px;}
 #journal-content {top:27%;grid-template-columns:1fr;align-items:start;}
 #journal footer {height:7%;gap:10px;}
 #journal #journal-gate {font-size:11px;}
 #journal #journal-done {font-size:15px;padding:4px 12px;flex:none;}
}

#journal #journal-done {border:2px ridge #987949;border-radius:0;background:linear-gradient(#58232880,#220c0e80),url(../assets/ui/funeral-cloth.png) center/180px;color:#eedfc0;}

/* Bounded equipment captions: names never stretch the slot or overlap its neighbour. */
#character .char-equipment {overflow:hidden;grid-template-rows:minmax(0,1fr) 14px 26px;gap:3px;}
#character .char-equipment .eq-label {width:100%;height:14px;font-size:10px;line-height:14px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#character .char-equipment .eq-name {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;height:26px;max-height:26px;font-size:11px;line-height:13px;overflow:hidden;overflow-wrap:normal;word-break:normal;}
#character .char-doll {grid-template-columns:clamp(56px,5.2vw,82px) minmax(0,1fr) clamp(56px,5.2vw,82px);}
@media(max-height:850px) and (min-width:1000px) {
 #character .char-doll {grid-template-columns:56px minmax(0,1fr) 56px;}
 #character .char-equipment {grid-template-rows:minmax(0,1fr) 13px 24px;gap:2px;}
 #character .char-equipment .eq-label {font-size:9px;letter-spacing:.025em;}
 #character .char-equipment .eq-name {height:24px;max-height:24px;font-size:10px;line-height:12px;}
}

/* Midnight refinement: quiet cast-metal edges, typographic hierarchy and deliberately limited colour. */
#character,#settings,#journal {--text:'Source Sans 3','Segoe UI',system-ui,sans-serif;--display:Georgia,'Times New Roman',serif;--ch-ink:#e5dece;--ch-muted:#b8b2a6;}
#character .rarity-common {--rarity:#c5ba9b;--rarity-dark:#655d4c;}
#character .rarity-uncommon {--rarity:#95b09b;--rarity-dark:#4c6251;}
#character .rarity-rare {--rarity:#8badbb;--rarity-dark:#465d6b;}
#character .rarity-epic {--rarity:#b59cc2;--rarity-dark:#69526e;}
#character .rarity-boss {--rarity:#d2aa68;--rarity-dark:#7c6038;}
#character .char-sheet,#character .char-bag,#character .char-detail,#character .skt-tree,#character .skt-inspect,#character .skt-loadout,#journal .journal-quest {
 border:1px solid #a68b5b80;border-radius:1px;background:linear-gradient(135deg,#151412ef,#08090aef),url(../assets/ui/funeral-cloth-dark.png) center/320px;
 box-shadow:inset 0 0 0 3px #070807,inset 0 0 0 4px #bca1711a,inset 0 1px 0 #ddc49a26,0 6px 18px #0006;
}
#character .char-sheet>h3,#character .char-bag>h3 {font-family:var(--display);letter-spacing:.07em;font-size:17px;background:linear-gradient(90deg,#51212835,transparent);padding:7px 7px 11px;}
#character .char-tabs button,#settings .settings-nav button,#settings .segmented button {border-width:1px;border-style:solid;border-color:#9a80545c;box-shadow:inset 0 1px 0 #d8bc8c14;transition:color .16s,border-color .16s;}
#character .char-tabs button {font-size:17px;letter-spacing:.02em;}
#character .char-tabs button:hover,#settings .settings-nav button:hover,#settings .segmented button:hover {border-color:#cab17d;color:#f0e6d3;}
#character .char-tabs button.active,#settings .settings-nav button.active,#settings .segmented button.selected {border-color:#c3a571;box-shadow:inset 0 -2px 0 #c3a57180,inset 0 1px 0 #f3dbac24;}
#character .char-doll .char-preview {border:1px solid #b1996680;box-shadow:inset 0 0 0 3px #070909,0 2px 12px #0008;}
#character .char-equipment,#character .char-item {border-radius:1px;border:1px solid #927a4a4a;box-shadow:inset 0 1px 0 #ecd3a810;background:linear-gradient(145deg,#151714,#070909);}
#character .char-item:hover,#character .char-equipment:hover {border-color:#c5af8370;}
#character .char-item.selected,#character .char-equipment.selected {outline:1px solid #e3cfaa;outline-offset:-4px;border-color:#bda477;box-shadow:inset 0 0 20px #ccb58d0a;}
#character .char-item.equipped:not(.selected),#character .char-equipment.worn:not(.selected) {border-color:#afa08290;}
#character .char-filter {font-family:var(--text);font-weight:500;border-radius:1px;background:#0b0c0be0;}
#character .char-filter.active {border-color:#c1a16a;box-shadow:inset 0 -2px 0 #b89c65;color:#f2e4c9;}
#character .char-item-level {font-family:var(--text);font-weight:600;letter-spacing:.01em;background:#080c0dc9;}
#character .char-item-ribbon,#character .eq-ribbon {color:#cbd3c4;border-color:#9ba59280;background:#101611e6;box-shadow:none;}
#character .char-model-thumbnail {object-fit:contain;filter:none;}
#character .char-bag-help,#character .char-status {font-family:var(--text);font-size:12px;line-height:1.5;color:#afa996;}
#character .cd-sub,#character .cd-plabel {font-family:var(--text);font-weight:600;letter-spacing:.09em;font-size:11px;}
#character .cd-title h3 {font-size:clamp(20px,1.4vw,26px);line-height:1.2;letter-spacing:.015em;}
#character .cd-note,#character .cd-lore {font-family:var(--text);font-size:14px;line-height:1.6;color:#beb8aa;}
#character .cd-lore {font-style:normal;border-left:1px solid #ac92614d;padding-left:12px;}
#character .cd-row,#character .cd-chip,#character .cd-hint,#character .cd-worn {font-family:var(--text);font-weight:400;}
#character .cd-primary .cd-pline strong {font-family:var(--display);font-weight:400;letter-spacing:-.025em;}
#character .cd-art {border:1px solid #a78d5b60;background:radial-gradient(ellipse at 50% 65%,#68533920,#090b0b 75%);box-shadow:inset 0 0 0 3px #060808,0 2px 7px #0006;}
#character .cd-actions .cd-btn,#character .skt-learn,#journal #journal-done {border:1px solid #b79a62;border-radius:1px;box-shadow:inset 0 1px 0 #efd5aa28,inset 0 0 0 3px #10080880,0 3px 9px #0008;}
#character .cd-actions .cd-btn:hover:not(:disabled),#character .skt-learn:hover:not(:disabled),#journal #journal-done:hover {border-color:#e4c995;color:#fff2d7;}
#character .skt-col {border:1px solid #8b754d66;border-radius:1px;background:linear-gradient(95deg,#35191a4d,#11100fdc 60%);box-shadow:inset 0 0 0 2px #050606;}
#character .skt-col>header b {font-family:var(--display);letter-spacing:.04em;font-size:14px;}
#character .skt-col>header span,#character .skt-state {font-family:var(--text);font-weight:400;letter-spacing:.015em;}
#character .skt-node strong {font-size:15px;line-height:1.2;}
#character .skt-emblem {border:1px solid #bba16e;box-shadow:0 0 0 3px #080909,0 0 0 4px #bba16e30,0 4px 10px #0009;background:#0a0c0c;}
#character .skt-node.learned .skt-emblem {border-color:#e2c78d;box-shadow:0 0 0 3px #080909,0 0 0 4px #d7b98166,0 4px 10px #0009;}
#character .skt-link,#character .skt-node::before,#character .skt-node::after {height:1px;background:#b49a6870;opacity:1;}
#character .skt-inspect header .char-icon {border:1px solid #b89d68;box-shadow:0 0 0 3px #080909,0 0 0 4px #b89d6833;}
#character .skt-inspect>p,#character .skt-fact,#character .skt-fact b,#character .skt-note {font-family:var(--text);font-weight:400;}
#character .skt-fact {font-size:13px;line-height:1.3;}
#character .skt-fact b {font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;}
#character .skt-inspect>p {font-size:14px;line-height:1.5;color:#c9c2b3;}
#character .skt-slot {border:1px solid #a08a5b80;border-radius:1px;background:#090b0a;box-shadow:inset 0 1px 0 #ecd3a811;}
#character .skt-slot .skt-cap {font-family:var(--text);font-weight:500;background:#28201580;border-bottom-color:#9d835b40;color:#cabc9f;}
#settings .settings-pages {border:1px solid #a38b5c80;box-shadow:inset 0 0 0 3px #070908;background:linear-gradient(135deg,#171410d9,#080909ed);padding:18px;}
#settings .settings-pages h3 {font-family:var(--display);font-size:23px;font-weight:400;letter-spacing:.025em;padding-bottom:12px;}
#settings .setting>label {font-family:var(--text);font-size:16px;font-weight:500;line-height:1.35;color:#e1d9c9;}
#settings .setting small,#settings .setting p,#settings .settings-nav small,#settings .segmented button {font-family:var(--text);font-size:13px;line-height:1.5;color:#bcb5a5;}
#settings .segmented button {font-size:13px;font-weight:500;}
#settings .segmented button.selected {color:#f0e1c4;}
#settings .setting {border-color:#a28b5a26;}
#journal-intro {font-family:var(--text);font-size:15px;line-height:1.5;color:#c2baaa;}
#journal .journal-quest header {background:linear-gradient(90deg,#4e222733,transparent);border-color:#a38b5b50;}
#journal .journal-number {border:1px solid #b49a6580;box-shadow:inset 0 0 0 3px #0c0909;}
#journal .journal-quest h3 {font-size:23px;line-height:1.2;}
#journal .journal-quest header small {font-family:var(--text);font-size:10px;font-weight:500;letter-spacing:.12em;}
#journal .journal-description {font-family:var(--text);font-size:14px;line-height:1.6;color:#bcb5a6;margin:15px 0 17px;}
#journal .journal-steps b {font-family:var(--text);font-size:15px;font-weight:500;line-height:1.35;}
#journal .journal-steps p {font-family:var(--text);font-size:13px;line-height:1.5;color:#a7a292;}
#journal .journal-steps li {padding:9px 10px 15px;gap:14px;}
#journal .journal-steps .done {padding-block:7px;color:#929e88;}
#journal .journal-steps .done p {display:none;}
#journal .journal-steps .current {background:linear-gradient(90deg,#a9833b16,transparent);color:#e8d4ac;}
#journal .journal-verdict {margin-top:16px;padding-top:16px;border-top:1px solid #ad925b50;}
#journal .journal-verdict[hidden],#journal .journal-options[hidden],#journal .journal-outcome[hidden] {display:none;}
#journal .journal-verdict h4 {font:400 19px/1.3 var(--display);color:#e8d7b7;margin:0 0 8px;letter-spacing:.015em;}
#journal .journal-verdict>p {font:400 13px/1.55 var(--text);color:#bdb6a5;margin:0 0 14px;}
#journal .journal-options {display:grid;gap:9px;}
#journal .journal-choice {display:flex;flex-direction:column;gap:5px;min-height:68px;padding:12px 15px;text-align:left;border:1px solid #a9916260;border-radius:1px;background:linear-gradient(110deg,#41202640,#11110fe8);color:#e6d9bd;box-shadow:inset 0 1px 0 #e0bc7b13;cursor:pointer;}
#journal .journal-choice strong {font:400 17px/1.2 var(--display);}
#journal .journal-choice span {font:400 12px/1.4 var(--text);color:#b8b4a4;}
#journal .journal-choice:hover:not(:disabled),#journal .journal-choice:focus-visible {border-color:#d3b786;background:linear-gradient(110deg,#65352a50,#15150fea);outline:1px solid #d3b786;outline-offset:3px;}
#journal .journal-choice:disabled {opacity:.5;cursor:default;}
#journal .awaiting-choice .journal-description {display:none;}
#journal .awaiting-choice {border-color:#ceb27b;}
#journal .journal-outcome {padding:12px 14px;border-left:2px solid #9aab8f;background:#40563c15;line-height:1.6!important;color:#c5cdb9!important;}
#journal #journal-gate {font-family:var(--text);font-size:13px;line-height:1.4;}
@media(max-height:850px) and (min-width:1000px) {
 #character .char-sheet>h3,#character .char-bag>h3 {font-size:14px;padding:4px 5px 7px;}
 #character .char-tabs button {font-size:15px;}
 #character .cd-note,#character .cd-lore {font-size:12px;line-height:1.4;}
 #character .skt-node strong {font-size:12px;}
 #character .skt-fact {font-size:11px;}#character .skt-fact b {font-size:12px;}
 #character .skt-inspect>p {font-size:12px;line-height:1.4;}
 #settings .settings-pages {padding:10px;}#settings .setting>label {font-size:14px;}
 #settings .setting small,#settings .setting p {font-size:11px;line-height:1.4;}
 #journal .journal-quest h3 {font-size:19px;}#journal .journal-description {font-size:12px;margin:10px 0;}
 #journal .journal-steps b {font-size:13px;}#journal .journal-steps p {font-size:12px;}
 #journal .journal-steps li {padding:6px 7px 9px;}#journal .journal-verdict {margin-top:10px;padding-top:10px;}
 #journal .journal-verdict h4 {font-size:17px;}#journal .journal-verdict>p {font-size:12px;margin-bottom:9px;}
 #journal .journal-choice {min-height:55px;padding:9px 11px;gap:3px;}#journal .journal-choice strong {font-size:15px;}#journal .journal-choice span {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {#character .char-tabs button,#settings .settings-nav button,#settings .segmented button {transition:none;}}

#journal .journal-steps li[hidden] {display:none;}
#journal .journal-quest.has-verdict .journal-description {display:none;}

/* Model thumbnails retain their native silhouette, without icon padding or double shadows. */
#character .char-model-thumbnail {padding:0;object-fit:contain;filter:none;}
#character .cd-art {height:clamp(92px,14dvh,160px);}
#character .cd-art .char-model-thumbnail {width:auto;height:100%;max-width:100%;max-height:100%;}

/* Small in-world navigation keeps the chamber palette without obscuring combat. */
#hud .quest-bottom { gap:6px; flex-wrap:wrap; }
#hud .quest-bottom #kill-progress { margin-right:auto; }
#hud #hud-atlas, #hud #hud-journal {
  border:1px solid #87704b99; border-radius:2px; padding:4px 8px;
  background:linear-gradient(180deg,#24221edb,#11120fe8); color:#dac7a6;
  font:500 calc(11px * var(--k))/1.25 'Source Sans 3','Segoe UI',sans-serif;
  box-shadow:inset 0 1px #d8c49b18,0 1px 2px #0008;
  pointer-events:auto; cursor:pointer; white-space:nowrap;
}
#hud #hud-atlas:hover, #hud #hud-journal:hover { border-color:#b69a69; color:#f4dfbc; background:#302a20; }
#hud #hud-atlas:focus-visible, #hud #hud-journal:focus-visible { outline:1px solid #dec18a; outline-offset:3px; }
#pause .pause-secondary #pause-atlas {
  border:1px solid #9474458c; border-radius:2px; padding:3px 9px;
  background:linear-gradient(#211b15e0,#0b0908d9); color:#e0c7a0;
  box-shadow:inset 0 1px #c6a56825;
}
#pause #pause-atlas kbd { border:1px solid #9a835955; padding:0 3px; margin-left:4px; font:inherit; color:#dbc8a6; }

@media (max-height:800px) {
  #character .cd-art { height:80px; }
  #character .cd-head { gap:7px; padding-bottom:8px; margin-bottom:6px; }
  #character .cd-rest { padding:6px 0; }
}

/* The campaign ending retains the same quiet ivory, leather and cast brass as B. */
#victory .victory-rays {display:none;}
#victory {background:radial-gradient(ellipse 65% 62% at 50% 42%,#30251bb8,#080707ed 72%,#000 100%);}
#victory.final .end-title {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.025em;font-size:clamp(34px,5.2vw,62px);color:#e8ddc5;text-shadow:0 2px 5px #000;}
#victory .end-quote {font-size:18px;line-height:1.55;color:#c9c1b2;max-width:590px;}
#victory-stats b {font-weight:600;color:#e8ddc5;}
#death .end-actions .primary,#victory .end-actions .primary {background:linear-gradient(#551e245c,#160c0cc2),url(../assets/ui/funeral-cloth.png) center/180px;border:1px solid #a78958;box-shadow:inset 0 0 0 3px #080707a0,inset 0 4px 0 #b3996830,0 6px 16px #0008;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.035em;color:#eddfc2;}
#death .end-actions .primary:hover,#victory .end-actions .primary:hover {border-color:#d2b77e;filter:brightness(1.12);}
#death .end-actions button:focus-visible,#victory .end-actions button:focus-visible {outline:1px solid #ead09a;outline-offset:4px;}

/* Desktop assistance lives in the margin, outside the hero and the action bar. */
@media (min-width:1101px) {
 body:not(.touch) #hud #tutorial {left:max(var(--pad),calc(26px * var(--k)));bottom:max(262px,calc(290px * var(--k)));transform:none;width:clamp(300px,27vw,380px);gap:11px;padding:13px 38px 13px 14px;background:linear-gradient(#14110feb,#080908e8);border:1px solid #8f74494d;box-shadow:0 5px 20px #0007;border-radius:1px;}
 body:not(.touch) #tutorial>.skill {width:32px;height:32px;box-shadow:0 0 0 1px #a789584c;border-radius:1px;}
 body:not(.touch) #tutorial p {font-size:14px;line-height:1.45;}
 body:not(.touch) #tutorial strong {font:400 16px/1.3 Georgia,'Times New Roman',serif;color:#e2cfaa;margin-bottom:5px;}
 body:not(.touch) #tutorial .close {position:absolute;right:8px;top:8px;min-width:24px;min-height:24px;width:24px;height:24px;font-size:17px;}
 #hud .story-quest #objective {font-size:max(14px,calc(16px * var(--k)));}
 #hud .quest-track-row span {font-size:max(13px,calc(14px * var(--k)));}
 #hud .quest-track-row b {font-size:max(11px,calc(12px * var(--k)));}
 #hud .quest-bottom #kill-progress {font-size:max(11px,calc(11px * var(--k)));line-height:1.35;}
 #hud #hud-atlas,#hud #hud-journal {font-size:max(11px,calc(11px * var(--k)));min-height:24px;line-height:1.25;}
}

/* Phase changes remain readable at the desktop HUD's smallest supported scale. */
@media (min-width:1101px) {
 #hud .target-phase {font-size:max(11px,calc(10px * var(--k)));}
 #hud .target-name {font-size:max(16px,calc(20px * var(--k)));}
 #hud .target-count {font-size:max(12px,calc(15px * var(--k)));}
}

/* Unavailable quest instructions return after danger passes; actionable counters stay visible. */
body.in-combat #hud #interact.unavailable {display:none;}
@media (min-width:1101px) {
 #hud #interact {bottom:max(170px,calc(195px * var(--k)),calc(var(--effect-floor) + var(--buff-rows,0) * (var(--effect-size) + var(--effect-gap)) + 12px));height:auto;min-height:44px;max-width:360px;padding:8px 13px;gap:9px;border:1px solid #a7895870;border-image:none;border-radius:1px;background:linear-gradient(#17140fea,#0b0b09e8);box-shadow:inset 0 1px 0 #ddc59a18,0 4px 15px #0007;font:500 14px/1.35 var(--text);letter-spacing:0;color:#d9d1bb;animation:none;}
 #hud #interact kbd {flex:none;min-width:26px;min-height:26px;display:grid;place-items:center;border:1px solid #a7895866;background:#16140e;color:#e8d5ad;font-size:13px;}
 #hud #interact .icon {flex:none;width:19px;height:19px;}
 #hud #interact-label {max-width:275px;text-align:left;}
}

/* One visible acknowledgement; the persistent live region must not cover equipment statistics. */
#character .char-footer .char-status {position:absolute;bottom:0;left:0;width:1px;height:1px;max-width:none;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

/* Mola shares the character/settings chamber; all controls stay inside its safe area. */
#pause {background:#080708;padding:0;align-items:center;justify-content:center;}
#pause .sepulchral-pause {width:min(96vw,calc(94dvh * 1586 / 992 * 1.05));height:94dvh;max-height:1040px;max-width:1745px;aspect-ratio:auto;position:relative;display:block;padding:0;border:0;border-radius:0;margin:0;background:url(../assets/ui/hybrid-b-chamber.png) center/100% 100% no-repeat;overflow:hidden;container-type:size;zoom:1;box-shadow:0 12px 65px #000b;}
#pause .mourning-head {display:flex;flex-direction:column;justify-content:center;position:absolute;top:1.6%;height:8%;left:8%;right:8%;padding:0;margin:0;text-align:center;}
#pause .mourning-title {font:400 clamp(18px,4cqh,44px)/1.05 Georgia,serif;letter-spacing:.075em;color:#f0e3c9;}
#pause .mourning-head h2 {font:400 clamp(10px,1.65cqh,18px)/1.15 Georgia,serif;margin:2px 0 0;color:#e6d7b9;}
#pause .pause-stats {display:flex;position:absolute;top:17%;left:8%;right:8%;height:8%;gap:28px;align-items:center;justify-content:flex-end;border:0;background:none;padding:0;box-shadow:none;text-align:left;}
#pause .pause-stats>div:first-child {margin-right:auto;min-width:0;}
#pause .pause-stats small {display:block;font:12px/1.4 Arial,sans-serif;color:#b6a88d;}
#pause .pause-stats b {display:block;font:400 clamp(15px,1.6vw,25px)/1.3 Georgia,serif;color:#eadfc9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pause .menu-stack {display:flex;position:absolute;left:7%;right:7%;top:28%;bottom:13%;width:auto;margin:0;gap:3%;min-height:0;}
#pause .funeral-menu-grid {display:grid;flex:1;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;gap:14px;}
#pause .funeral-card {position:relative;inset:auto!important;width:100%!important;height:100%!important;min-height:0;padding:0;border:3px ridge #987849;border-radius:0;background:linear-gradient(#16130ddd,#090a09ed),url(../assets/ui/funeral-cloth-dark.png) center/220px;box-shadow:inset 0 0 0 2px #0009;overflow:hidden;}
#pause .funeral-card::before {display:block;position:absolute;inset:0 0 36%;background-position:center;background-size:cover;filter:brightness(.73) saturate(.7);}
#pause .funeral-card>span {position:absolute;inset:64% 0 0;display:block;padding:clamp(8px,1.2vw,18px);border-top:2px ridge #8e6d42;background:#100f0dd9;text-align:left;font:400 clamp(16px,1.7vw,25px)/1.3 Georgia,serif;color:#eadfc9;text-shadow:none;}
#pause .funeral-card>span small {display:block;margin-top:8px;font:12px/1.5 Arial,sans-serif;color:#b9ae99;}
#pause kbd {color:#c8b694;border:1px solid #89734e;padding:2px 5px;background:#110e0a;font:11px Arial,sans-serif;}
#pause .pause-resume-row {display:flex;flex:none;height:17%;min-height:44px;align-items:stretch;gap:22px;}
#pause #resume {position:relative;inset:auto;width:29%;height:100%;padding:8px;border:2px ridge #b29460;border-radius:0;background:linear-gradient(#58232880,#220c0e80),url(../assets/ui/funeral-cloth.png) center/180px;font:400 clamp(14px,1.5vw,22px) Georgia,serif;box-shadow:none;}
#pause #resume>span {position:static;display:block;color:#eedfc0;background:none;padding:0;text-shadow:none;}
/* ajan:uifix – Harita button in the pause menu (moved from the quest panel) */
#pause .pause-resume-row #pause-atlas.pause-map-btn {position:relative;inset:auto;flex:none;width:17%;height:100%;padding:8px;border:2px ridge #8c6c40;border-radius:0;background:linear-gradient(#100d0bb0,#090908e0),url(../assets/ui/funeral-cloth-dark.png) center/180px;font:400 clamp(14px,1.5vw,22px) Georgia,serif;box-shadow:none;cursor:pointer;}
#pause .pause-resume-row #pause-atlas.pause-map-btn:hover,#pause .pause-resume-row #pause-atlas.pause-map-btn:focus-visible {border-color:#c8a86c;background:linear-gradient(#3a1a1c70,#1a0b0c90),url(../assets/ui/funeral-cloth.png) center/180px;}
#pause #pause-atlas.pause-map-btn>span {position:static;display:block;color:#eedfc0;background:none;padding:0;text-shadow:none;}
#pause .pause-resume-row {gap:30px;}
@media(max-width:900px){#pause .pause-resume-row #pause-atlas.pause-map-btn{width:20%;font-size:13px;}}
/* /ajan:uifix */
#pause .funeral-quote {display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:0;padding:5px 36px;border-top:2px ridge #81643e;border-bottom:2px ridge #81643e;background:url(../assets/ui/funeral-cloth.png) center/190px;}
#pause .funeral-quote .banner-inscription {font:400 clamp(12px,1.2vw,18px)/1.4 Georgia,serif;}
#pause .funeral-quote small {font:11px/1.5 Arial,sans-serif;color:#b9ae99;}
#pause .funeral-quote::before,#pause .funeral-quote::after {content:'';position:absolute;top:-8%;height:116%;width:45px;background:center/contain no-repeat;pointer-events:none;}
#pause .funeral-quote::before {left:-12px;background-image:url(../assets/ui/banner-demon-left.png);}
#pause .funeral-quote::after {right:-12px;background-image:url(../assets/ui/banner-demon-right.png);}
#pause .pause-footer {position:absolute;left:8%;right:8%;top:91%;bottom:4%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;}
#pause #pause-difficulty,#pause .pause-escape {display:block;flex:none;margin:0;padding:0;font:12px/1.3 Georgia,serif;color:#d3bd99;white-space:nowrap;}
#pause .pause-secondary {display:flex;position:static;flex-wrap:wrap;width:auto;margin:0;gap:10px;justify-content:center;min-width:0;}
#pause .pause-secondary button {font:12px/1.3 Georgia,serif;color:#d3bd99;background:none;padding:3px;}
#character #character-preview {touch-action:none;cursor:grab;}
#character #character-preview.turning {cursor:grabbing;}
@media(max-width:900px){#pause .funeral-menu-grid{gap:8px;}#pause .funeral-card>span small{font-size:10px;}#pause .pause-footer{left:8%;right:8%;gap:7px;}#pause .pause-escape{display:none;}#pause .pause-secondary{gap:7px;}#pause #pause-difficulty,#pause .pause-secondary button{font-size:10px;}}
@media(max-height:550px){#pause .pause-stats{top:16%;}#pause .pause-stats small{font-size:10px;}#pause .funeral-card>span small{margin-top:2px;font-size:10px;}#pause .pause-resume-row{min-height:30px;}#pause .funeral-quote small{font-size:9px;}#pause .pause-secondary button,#pause #pause-difficulty{font-size:10px;}}
@media(max-width:600px) and (orientation:portrait){#pause .sepulchral-pause{height:94dvh;background-size:cover;}#pause .mourning-head{top:3%;}#pause .menu-stack{top:23%;bottom:21%;}#pause .pause-stats{top:12%;}#pause .funeral-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));}#pause .pause-resume-row{height:auto;flex-direction:column;gap:8px;}#pause #resume{width:100%;height:38px;}#pause .funeral-quote{min-height:45px;}#pause .pause-footer{top:81%;bottom:8%;flex-direction:column;justify-content:center;gap:9px;}}

#pause .mourning-head {width:auto;transform:none;}
#pause .pause-stats>div {border:0;padding:0;}
#pause kbd,#pause #resume kbd {color:#c8b694;}
@media(max-height:550px){#pause .pause-footer{top:89%;bottom:5%;}#pause .pause-secondary button{padding:1px 2px;min-height:0;}#pause .pause-secondary #pause-atlas{min-height:0;padding:1px 2px;}}

/* Readable pause footer and earned chapter blessings. */
#pause .pause-footer {top:90%;bottom:4%;}
#pause #pause-difficulty,#pause .pause-escape,#pause .pause-secondary button {font:400 14px/1.4 Arial,sans-serif;color:#e7d8bd;text-shadow:0 1px 2px #000;}
#pause .funeral-card kbd,#pause #resume kbd {display:inline-block;position:static;font:600 12px/1.3 Arial,sans-serif;color:#e8d8b3;background:none;border:0;box-shadow:none;text-shadow:none;padding:2px 4px;opacity:1;-webkit-text-fill-color:#e8d8b3;}
#chapter-buffs {position:absolute;right:calc(262px * var(--k));top:10px;display:flex;flex-direction:row-reverse;gap:7px;z-index:8;pointer-events:auto;}
.chapter-buff {position:relative;width:42px;height:42px;flex:none;padding:2px;border:1px solid #a28b59;background:#120e0c;border-radius:3px;box-shadow:inset 0 0 0 1px #000,0 2px 5px #0008;cursor:help;}
.chapter-buff img {width:100%;height:100%;object-fit:contain;display:block;}
.chapter-buff-tip {display:none;position:absolute;top:calc(100% + 8px);right:0;width:270px;padding:13px 15px;background:#101010f5;border:1px solid #ad915b;color:#ede0c6;font:13px/1.65 Arial,sans-serif;white-space:pre-line;text-align:left;box-shadow:0 6px 18px #000a;pointer-events:none;}
.chapter-buff:hover .chapter-buff-tip,.chapter-buff:focus .chapter-buff-tip {display:block;}
@media(max-width:900px){#pause #pause-difficulty,#pause .pause-secondary button{font-size:12px;}#chapter-buffs{right:calc(222px * var(--k));}.chapter-buff{width:35px;height:35px;}}
@media(max-height:550px){#pause .pause-footer{top:88%;bottom:5%;}#pause #pause-difficulty,#pause .pause-secondary button{font-size:11px;}}
@media(max-width:600px) and (orientation:portrait){#pause .pause-footer{top:81%;bottom:8%;}#chapter-buffs{right:calc(185px * var(--k));top:60px;}.chapter-buff-tip{right:-100px;width:230px;}}

#pause .pause-card-title {display:flex;align-items:center;gap:10px;font:inherit;color:inherit;}
#pause .pause-card-title kbd {display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;line-height:1;padding:2px;border:1px solid #ad956466;color:#ebd9b0;}

/* Keep the footer inside the leather field, above the carved bottom frame. */
#character .char-content {bottom:14%;}
#character .char-footer {left:9.5%;right:9.5%;bottom:4.2%;height:4%;align-items:center;}
#character .char-footer .char-progress {bottom:auto;top:50%;transform:translateY(-50%);}
#character .char-footer [data-char="close"] {align-self:center;}
#character .char-bag-help {text-align:center;width:100%;padding:8px 10px;margin:8px 0 0;box-sizing:border-box;}
@media(max-width:699px) {
 #character .char-content {bottom:20%;}
 #character .char-footer {bottom:6%;height:12%;}
 #character .char-footer .char-progress {top:0;bottom:auto;transform:none;}
 #character .char-footer [data-char="close"] {align-self:flex-end;margin-bottom:0;}
}

@media(max-height:600px) and (min-width:700px) {
 #character .char-content {bottom:18%;}
 #character .char-footer {bottom:6%;height:7%;}
 #character .char-footer .btn {min-height:26px;height:26px;font-size:14px;padding:3px 14px;}
}

/* Every chamber menu uses the same safe band, independent of its content. */
:is(#character,#settings,#journal,#atlas,#pause) .panel {
 --menu-footer-x:9.5%;--menu-footer-bottom:4.2%;--menu-footer-height:4%;
}
:is(#character,#settings,#journal,#atlas,#pause) .panel>footer {
 position:absolute;left:var(--menu-footer-x);right:var(--menu-footer-x);
 top:auto;bottom:var(--menu-footer-bottom);height:var(--menu-footer-height);
 min-height:0;margin:0;padding:0;border:0;display:flex;align-items:center;
 gap:12px;box-sizing:border-box;
}
:is(#character,#settings,#journal,#atlas) .panel>footer>button {
 flex:none;margin:0;min-height:34px;height:34px;
}
#character .character-panel>footer {justify-content:flex-end;}
#settings .settings-panel>footer {justify-content:flex-end;flex-wrap:nowrap;}
#settings .settings-panel>footer #settings-note {flex:1;min-width:0;order:0;text-align:left;white-space:normal;}
#settings .settings-panel>footer #settings-reset {flex:none;margin:0;}
#journal .journal-panel>footer,#atlas .atlas-panel>footer {justify-content:space-between;}
#journal #journal-gate {flex:1;min-width:0;}
#atlas .atlas-panel>footer .atlas-note {flex:1;min-width:0;max-width:none;}
:is(#settings,#journal,#atlas) .panel>:is(.settings-workspace,#journal-content,.atlas-workspace) {bottom:14%;}
/* Plain control panels also leave room between their actions and the border. */
#keybinds .keybinds-panel>footer {padding:12px 16px 16px;margin:12px 4% 0;gap:12px;align-items:center;}
#keybinds .keybinds-panel>footer #keybinds-note {min-width:0;white-space:normal;}
@media(max-height:600px) and (min-width:700px) {
 :is(#character,#settings,#journal,#atlas,#pause) .panel {--menu-footer-bottom:6%;--menu-footer-height:7%;}
 :is(#character,#settings,#journal,#atlas) .panel>footer>button {min-height:26px;height:26px;font-size:14px;padding:3px 14px;}
 :is(#settings,#journal,#atlas) .panel>:is(.settings-workspace,#journal-content,.atlas-workspace) {bottom:18%;}
 #settings .settings-panel>footer #settings-note,#journal #journal-gate,#atlas .atlas-panel>footer .atlas-note {font-size:11px;line-height:1.3;}
}
@media(max-width:699px) {
 :is(#character,#settings,#journal,#atlas,#pause) .panel {--menu-footer-bottom:6%;--menu-footer-height:12%;}
 :is(#settings,#journal,#atlas) .panel>:is(.settings-workspace,#journal-content,.atlas-workspace) {bottom:20%;}
 #settings .settings-panel>footer {flex-wrap:wrap;gap:4px 12px;align-content:space-between;}
 #settings .settings-panel>footer #settings-note {flex-basis:100%;font-size:12px;line-height:1.3;}
 #settings .settings-panel>footer #settings-done {margin-left:auto;}
 #pause .sepulchral-pause>footer {justify-content:center;}
 #keybinds .keybinds-panel>footer {padding-inline:8px;}
}

/* ajan:uifix – text stays clear of the carved corner fittings (frame-*.png, 30px) on every inset panel */
#character .char-sheet>h3,#character .char-bag>h3 {padding-right:26px;}
#character .skt-loadout h4 {padding-left:22px;}
/* journal / map title was pushed 16px left of the banner by the in-flow close button */
#journal .panel-head .close,#atlas .panel-head .close {position:absolute;}
/* rotated diamond art overhangs its box by ~21%: keep the node name clear of it; room for descenders */
#character .tt-active .tt-name,#character .tt-form .tt-name {margin-top:calc(var(--s) * .22 + 1px);}
#character .tt-node .tt-name {line-height:1.25;}
#character .tt-row::after {right:-14px;}
#character .tt-tree .tt-head {padding-inline:22px;}
#character .tt-tree .tt-note {padding-inline:22px;}
#character .skt-inspect.tt-inspect .skt-kicker {padding-inline:22px;}
@media(max-width:1100px) {   /* the longer English name touched the pillars of the banner at 1024 wide */
 html[lang=en] :is(#character .mourning-title,#settings .panel-head .eyebrow,#journal .panel-head .eyebrow,#atlas .panel-head .eyebrow) {font-size:2.65vw;}
}
@media(max-width:1100px),(max-height:760px) {
 #character .char-sheet>h3,#character .char-bag>h3 {padding-left:28px;padding-right:30px;}
 #character .skt-loadout h4 {padding-left:30px;margin-bottom:9px;}
 #character .tt-tree .tt-head,#character .tt-tree .tt-note,#character .skt-inspect.tt-inspect .skt-kicker {padding-inline:30px;}
}
/* /ajan:uifix */
/* Actions stay clear of the inlaid corner fittings in both inspect panels. */
#character .char-detail .cd-actions {margin:auto 12px 14px;}
#character .skt-inspect>.skt-learn {width:calc(100% - 24px);margin:auto 12px 14px;}
#character .skt-inspect>.skt-assign {padding:0 12px 14px;}
@media(max-width:699px) {
 #character .char-detail .cd-actions {margin-inline:8px;}
 #character .skt-inspect>.skt-learn {width:calc(100% - 16px);margin-inline:8px;}
 #character .skt-inspect>.skt-assign {padding-inline:8px;}
}

/* The three-column inspection stays in its column on compact desktops. */
@media(min-width:700px) {
 #character .char-detail {grid-column:auto;min-height:0;overflow-y:auto;}
 #character .char-detail>* {flex-shrink:0;}
}

@media(max-width:699px) {
 #character .skt-inspect {flex-shrink:0;min-height:min-content;}
}
/* pause: map button sits in the same red-cloth family as "Yolculuğa devam" */
#pause .pause-resume-row #pause-atlas.pause-map-btn {width:20%;border:2px ridge #b29460;background:linear-gradient(#4a1d2280,#1c0a0c88),url(../assets/ui/funeral-cloth.png) center/180px;box-shadow:inset 0 0 0 1px #00000070,inset 0 0 18px #00000060;}
#pause .pause-resume-row #pause-atlas.pause-map-btn:hover,#pause .pause-resume-row #pause-atlas.pause-map-btn:focus-visible {border-color:#e0c488;background:linear-gradient(#6a2a3070,#2a1012a0),url(../assets/ui/funeral-cloth.png) center/180px;}
#pause .pause-resume-row #pause-atlas kbd {border-color:#b29460aa;background:#1a0b0c90;color:#eedfc0;}
#pause .pause-resume-row #pause-atlas.pause-map-btn {outline:2px solid #ead4a0;outline-offset:-6px;border:2px ridge #b29460;}
#pause .pause-resume-row #pause-atlas.pause-map-btn:hover {outline-color:#fff0c4;}
/* pause: bottom row uses the same 4-column grid as the cards above (resume+map = cols 1-2, verse = cols 3-4) */
#pause .pause-resume-row {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
#pause .pause-resume-row #resume,#pause .pause-resume-row #pause-atlas.pause-map-btn {width:100%;min-width:0;}
#pause .pause-resume-row .funeral-quote {grid-column:3 / 5;margin:0;min-width:0;}

/* one buff strip next to the minimap: chapter boons (nearest the minimap) and all timed effects (stance, rage...) */
#buff-bar { position:absolute; right:calc(262px * var(--k)); top:10px; display:flex; flex-direction:row-reverse; align-items:flex-start; gap:12px; z-index:8; }
#buff-bar #chapter-buffs { position:static; }
#buff-bar .timed-effects { position:static; left:auto; right:auto; bottom:auto; transform:none; display:flex; flex-direction:row-reverse; flex-wrap:nowrap; width:auto; column-gap:7px; row-gap:0; z-index:auto; }
#buff-bar .timed-buff { width:42px; height:42px; }
#buff-bar .buff-seconds { font-size:12px; }
@media(max-width:900px){ #buff-bar{right:calc(222px * var(--k));} #buff-bar .timed-buff{width:35px;height:35px;} }
@media(max-width:600px) and (orientation:portrait){ #buff-bar{right:calc(185px * var(--k));top:60px;} }

/* ajan:stance — timed-effect chips: vivid icon, tone-coloured frame and inner glow, a circular countdown ring, one floating bubble (#buff-tip) */
.timed-buff { --tc:#d9a860; --p:100; border:2px solid var(--tc); background:#120a08; box-shadow:0 2px 8px #000b, inset 0 0 11px color-mix(in srgb, var(--tc) 55%, transparent), 0 0 7px color-mix(in srgb, var(--tc) 45%, transparent); cursor:help; outline:none }
.timed-buff[data-tone="iron"] { --tc:#9fc4ff } .timed-buff[data-tone="heart"] { --tc:#ff5a3c } .timed-buff[data-tone="thorn"] { --tc:#7fe05a } .timed-buff[data-tone="blood"] { --tc:#e8402e } .timed-buff[data-tone="gold"] { --tc:#f0c050 }
.timed-buff .skill { filter:saturate(1.45) brightness(1.22) contrast(1.06) }
.timed-buff::before { content:''; position:absolute; inset:-7px; border-radius:8px; padding:3px; pointer-events:none; background:conic-gradient(from 0deg, var(--tc) calc(var(--p) * 1%), #0000 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 3px var(--tc)) }
.timed-buff:focus-visible { box-shadow:0 0 0 2px #fff8, 0 2px 8px #000b }
.timed-buff.expiring { border-color:var(--tc) }
@media (prefers-reduced-motion: reduce) { .timed-buff.expiring { box-shadow:0 0 0 1px var(--tc), 0 0 10px var(--tc) } }
#buff-bar .timed-effects { column-gap:14px }
#timed-short { position:absolute; left:50%; transform:translateX(-50%); bottom:calc(var(--effect-floor) + 4px); display:flex; flex-direction:row; gap:16px; z-index:7; pointer-events:none }   /* app.js placeShortStrip(): right edge = the Q slot's right edge, effects grow to the left */
#timed-short:empty { display:none }
#timed-short .timed-buff { width:38px; height:38px; pointer-events:auto }
#timed-short .buff-seconds { top:calc(100% + 4px); font-size:12px }
.chapter-buff-tip { display:none !important }
.chapter-buff:focus-visible { outline:2px solid #fff8 }
#buff-tip { position:fixed; display:none; z-index:60; max-width:300px; padding:10px 13px; background:#101010f5; border:1px solid #ad915b; border-radius:3px; color:#ede0c6; font:13px/1.5 Arial,sans-serif; white-space:pre-line; text-align:left; box-shadow:0 6px 18px #000a; pointer-events:none }