:root{color-scheme:dark;--bg:#121310;--panel:#1a1b17;--ink:#e8e2d4;--muted:#979888;--gold:#c3a66e;--line:#38382d;--red:#a24b3e;--green:#819978;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#30302555,transparent 65%),var(--bg);color:var(--ink)}button,select,input{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.3}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{transition:background .15s,transform .15s}button:hover:enabled{filter:brightness(1.2)}button:active:enabled{transform:translateY(1px)}[hidden]{display:none!important}.shell{max-width:960px;margin:auto;padding:0 32px}.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--ink);font-size:21px;letter-spacing:3px}.brand b{font-weight:normal;color:var(--gold)}.brand small{display:block;font:9px/2.6 Arial,sans-serif;letter-spacing:3px;color:var(--muted)}.sigil{font-size:38px;color:var(--gold)}.connection{display:flex;gap:8px;align-items:center;font:11px Arial,sans-serif;color:var(--muted)}#connection-light{height:6px;width:6px;border-radius:50%;background:var(--muted)}#connection-light.online{background:#91ab7b;box-shadow:0 0 10px #91ab7b55}.test-settings{border-bottom:1px solid var(--line);margin:0 0 30px;font:11px Arial,sans-serif;color:var(--muted)}summary{cursor:pointer;list-style:none}.test-settings summary{display:flex;justify-content:space-between;gap:20px;padding:17px 0}.test-settings summary>span:first-child{letter-spacing:2px;color:var(--gold);font-size:9px}.settings-body{display:grid;gap:12px;max-width:500px;padding:5px 0 24px}.settings-body p{margin:0 0 5px;line-height:1.6}.settings-body small{line-height:1.5}.check{display:flex;gap:8px;align-items:center}input[type=checkbox]{accent-color:var(--gold)}main{display:block}.combat-panel{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,#48422c22,transparent 65%),linear-gradient(145deg,#24251d70,#181915);padding:26px;min-width:0}.fight-hud{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:12px;min-height:90px}.fight-hud h1{font-size:18px;font-weight:normal;text-align:center;line-height:1.3;margin:0;padding-top:1px}.player-bars{padding-top:3px;max-width:165px;min-width:0}.health-track{height:7px;background:#090b08;border:1px solid #4c3b2b;overflow:hidden}.health-track>div{height:100%;background:linear-gradient(90deg,#843b32,#b65c4e);transition:width .15s}.fp-track{height:5px;background:#0d1420;border:1px solid #34425b;margin-top:5px;width:72%;overflow:hidden}.fp-track>div{height:100%;width:100%;background:linear-gradient(90deg,#3b567c,#7198c4)}.enemies{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:flex-end;min-height:275px;padding:10px 0 30px}.enemies>.enemy{flex:1 1 100px;min-width:85px;max-width:300px;position:relative;text-align:center;padding:18px 10px 12px;background:radial-gradient(ellipse at center,#a29a641b,transparent 70%);border:1px solid transparent}.enemy.selected{background:none}.enemy svg{height:175px;max-width:100%;color:#868b78;filter:drop-shadow(0 12px 10px #0008)}.enemy.acting svg{color:#bcac83}.enemy.invisible svg{opacity:.1}.enemy.recovering svg{transform:rotate(15deg);opacity:.6}.enemy.crouching svg{transform:translateY(20px) scaleY(.7)}.enemy.raised svg{transform:rotate(-15deg) translateY(-5px)}.enemy.lateral svg{transform:rotate(18deg)}.enemy .health-track{height:3px;width:85%;margin:18px auto 0;border:0}.statuses{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.status{border:1px solid #746144;font:8px Arial,sans-serif;padding:3px 4px;color:#cab288}.input-area{border-top:1px solid var(--line);padding-top:20px}.primary{width:100%;border:1px solid #a08754;background:linear-gradient(100deg,#645331,#897344);color:#fff1d4;padding:15px 20px;text-align:left;letter-spacing:1px;font-size:14px}.primary>span{float:right}.secondary{border:1px solid #4e4f41;background:#2d2f25;color:var(--ink);padding:10px 12px;font-size:11px}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:620px;margin:auto}.action-button,.menu-button{min-width:0;height:66px;border:1px solid #474939;background:linear-gradient(150deg,#303226,#24271e);color:var(--gold);display:grid;place-items:center}.action-button svg,.menu-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.submenu{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,66px);gap:10px;max-width:360px;margin:auto}.submenu .back{grid-area:1/1;color:#adb29c;background:#20231d}.direction-menu [data-direction=forward]{grid-area:1/2}.direction-menu [data-direction=left]{grid-area:2/1}.direction-menu [data-direction=backward]{grid-area:2/2}.direction-menu [data-direction=right]{grid-area:2/3}.empty-slot{height:66px;border:1px solid #303328;background:#20231b33}.arena-wrap{justify-self:end;margin:0;padding:0}.arena{display:grid;grid-template-columns:repeat(5,12px);grid-template-rows:repeat(5,12px);gap:3px}.tile{display:grid;place-items:center;background:#333a2b;border:1px solid #59614a;font:8px Arial,sans-serif;color:var(--green)}.tile.empty{background:none;border-color:transparent}.tile.player{background:#6c8050;color:#eff3d9}.tile.enemy{color:var(--gold);border-color:#a08450}select,input:not([type]){background:#171914;border:1px solid #4b4e3c;color:var(--ink);padding:10px;min-width:0;border-radius:0}select{font-size:12px}#target-controls{display:flex;gap:8px;align-items:center;margin-top:14px}#target-controls label{font:8px Arial,sans-serif;color:var(--muted);letter-spacing:1px}#target-select{flex:1;width:0}.manual-target{font:10px Arial,sans-serif;color:var(--muted);margin-top:8px}.manual-target>div{display:flex;gap:7px}.manual-target input{width:100%;font-size:11px}.manual-target p{line-height:1.5}#feedback{font:11px/1.5 Arial,sans-serif;color:#dcb387;margin:12px 0 0}#feedback:empty{display:none}.debug-panel{margin:20px 0 0;color:var(--muted);font:11px Arial,sans-serif}.debug-panel>summary{padding:12px 0;border-bottom:1px solid var(--line)}.journal ol{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:#55543c transparent}.journal li{border-bottom:1px solid #2d3025;padding:15px 0;font:11px/1.7 Arial,sans-serif;color:#b1b2a2}.journal li:first-child{color:#d7d0b9}.journal li small{display:block;font-size:8px;letter-spacing:1.5px;color:#787e69;margin-bottom:5px}.collection{padding-top:20px}.eyebrow{font:9px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}.collection>p:last-child{font:11px/1.7 Arial,sans-serif;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;font:8px Arial,sans-serif;letter-spacing:1px;color:#767a68;margin:27px 0;padding-bottom:25px}footer b{color:var(--gold);padding:0 7px}@media(max-width:600px){.shell{padding:0 12px}.combat-panel{padding:16px}.masthead{height:80px}.brand{font-size:16px;gap:8px}.brand small{font-size:7px}.sigil{font-size:28px}.connection{font-size:9px}.fight-hud{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:7px;min-height:85px}.fight-hud h1{font-size:14px}.arena{grid-template-columns:repeat(5,8px);grid-template-rows:repeat(5,8px);gap:2px}.enemies{min-height:235px;gap:5px;padding-bottom:22px}.enemy svg{height:145px}.enemies>.enemy{min-width:72px;padding:14px 5px}.action-buttons{grid-template-columns:repeat(3,1fr);gap:8px}.action-button{height:58px}.test-settings summary{font-size:9px;gap:8px}.test-settings{margin-bottom:18px}footer{flex-direction:column;gap:10px}}body.compact .shell{max-width:352px;padding:0 16px}body.compact .combat-panel{padding:14px}body.compact .masthead{height:74px}body.compact .brand{font-size:15px;gap:8px}body.compact .brand small{font-size:7px}body.compact .sigil{font-size:26px}body.compact .connection{font-size:9px}body.compact .fight-hud{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:7px;min-height:85px}body.compact .fight-hud h1{font-size:14px}body.compact .arena{grid-template-columns:repeat(5,8px);grid-template-rows:repeat(5,8px);gap:2px}body.compact .enemies{min-height:235px;gap:5px;padding-bottom:22px}body.compact .enemy svg{height:145px}body.compact .enemies>.enemy{min-width:72px;padding:14px 5px}body.compact .action-buttons{grid-template-columns:repeat(3,1fr);gap:8px}body.compact .action-button{height:58px}body.compact .test-settings summary{font-size:9px;gap:8px}body.compact footer{flex-direction:column;gap:10px}
.enemies>.enemy:disabled{opacity:1;cursor:default}.identified-marker{position:absolute;right:10px;top:8px;color:var(--gold);font-size:14px}

/* Twitch-sized game surface. Test controls remain outside this frame. */
.combat-panel{display:flex;flex-direction:column;height:496px;max-height:496px;padding:10px}
.fight-hud{flex:0 0 70px;min-height:0}
.enemies{flex:1 1 0;min-height:0;flex-wrap:nowrap;align-items:center;padding:4px 0 18px;gap:8px}
.enemies>.enemy,body.compact .enemies>.enemy{flex:1 1 0;min-width:0;max-width:220px;padding:10px 4px;border:0;background:none;box-shadow:none;align-self:center}
.enemy.selected svg{filter:drop-shadow(0 0 8px #c3a66e30)}
.enemy svg{height:150px}
.enemy .health-track{margin-top:12px}
.input-area{flex:0 0 auto;padding-top:14px}
.action-buttons{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,56px);gap:8px;max-width:340px}
.action-button{height:56px}
.submenu{grid-template-rows:repeat(2,56px);gap:8px;max-width:340px}
.menu-button,.empty-slot{height:56px}
#feedback{flex:0 1 auto;font-size:10px;max-height:40px;overflow:auto;margin-top:8px}
body.compact .shell{max-width:382px;padding:0 32px}
body.compact .combat-panel{width:318px;max-width:100%;height:496px;padding:10px}
body.compact .fight-hud{min-height:0;flex-basis:70px}
body.compact .enemies{min-height:0;padding:4px 0 18px;gap:6px}
body.compact .enemy svg{height:145px}
body.compact .action-buttons{grid-template-rows:repeat(2,56px);gap:8px}
body.compact .action-button{height:56px}
body.panel-view{background:var(--panel)}
body.panel-view .shell{width:100%;max-width:none;padding:0;margin:0}
body.panel-view .masthead,body.panel-view .test-settings,body.panel-view .debug-panel,body.panel-view footer{display:none}
body.panel-view .combat-panel{height:min(496px,100dvh);max-height:496px;max-width:318px;margin:0 auto;border:0}
body.panel-view main{margin:0;padding:0}
@media(max-width:600px){.combat-panel{padding:10px}.fight-hud{min-height:0;flex-basis:70px}.enemies{min-height:0;padding:4px 0 18px}.action-button{height:56px}}
/* Character management appears only outside the viewer's own encounter. */
.character-panel{height:496px;max-height:496px;min-width:0;padding:16px 12px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 35%,#53482b22,transparent 65%),var(--panel);display:flex;flex-direction:column;gap:12px}
body.compact .character-panel{width:318px;max-width:100%}
body.panel-view .character-panel{height:min(496px,100dvh);max-width:318px;margin:0 auto;border:0}
.character-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;flex:0 0 auto}
.character-heading h1{font-size:18px;font-weight:normal;line-height:1.3;margin:5px 0 0}
.character-heading .eyebrow{font-size:8px;letter-spacing:2px;margin:0;color:var(--muted)}
.character-souls{text-align:right;min-width:54px}.character-souls>span{color:var(--gold);font-size:15px;margin-right:5px}.character-souls b{font-weight:normal;font-size:19px}.character-souls small{display:block;font:8px/1.8 Arial,sans-serif;color:var(--muted);letter-spacing:1px}
.character-content{flex:1 1 0;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#55543c transparent;font:11px/1.6 Arial,sans-serif}
.character-content h2{font:normal 17px Georgia,serif;color:var(--ink);margin:0 0 12px}.character-content p{margin:8px 0;color:var(--muted)}
.character-content .level-action{height:34px;padding:5px 8px;margin:7px 0;font-size:11px}
.character-portrait{height:136px;text-align:center;display:grid;place-items:center;background:radial-gradient(ellipse,#a89a6533,transparent 65%);margin:0 0 10px}.character-portrait svg{height:118px;max-width:100%;color:#a3aa93;filter:drop-shadow(0 8px 10px #0007)}
.character-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:10px;border-top:1px solid var(--line)}.character-stat{text-align:center;padding:7px 2px;background:#30352733}.character-stat span{display:block;font:8px/1.8 Arial,sans-serif;letter-spacing:.7px;color:var(--muted)}.character-stat b{font:normal 17px Georgia,serif;color:var(--ink)}
.character-tabs{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.character-tabs button{height:43px;border:1px solid #414638;background:#272c22;color:#a8ad9b;font:10px Arial,sans-serif;padding:3px}.character-tabs button[aria-pressed=true]{border-color:#aa925b;color:#eddbb6;background:#61523244}
.chat-entry{font:10px/1.5 Arial,sans-serif;color:var(--muted);text-align:center;margin:0;padding:10px 0 0;border-top:1px solid var(--line)}
.character-list{list-style:none;padding:0;margin:0}.character-list li{padding:9px 0;border-bottom:1px solid #34372c;display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--ink)}.character-list small{display:block;color:var(--muted);font-size:9px}.character-list strong{font-weight:normal;color:var(--gold)}
.equipment-slot{border:1px solid #3e4334;background:#292e2233;padding:10px;margin-bottom:8px}.equipment-slot strong{font:9px Arial,sans-serif;letter-spacing:1px;color:var(--gold)}.equipment-slot p{margin:5px 0 0;font-size:11px}.character-content .section-label{font-size:9px;letter-spacing:1px;color:var(--gold);margin-top:16px}.level-action{display:block;width:100%;margin:14px 0 8px}.feature-note{font-size:10px;color:var(--muted)}
#character-feedback{flex:0 1 auto;max-height:32px;overflow:auto;margin:0;font:10px/1.4 Arial,sans-serif;color:#dcb387}#character-feedback:empty{display:none}
/* Only figure artwork is shaded: target selection and HP remain independent. */
.enemies.multiple>.enemy:not(.acting){--activity-brightness:.65}
.enemies>.enemy svg{filter:brightness(var(--activity-brightness,1)) drop-shadow(0 8px 10px #0006);transition:filter .15s}
.enemies>.enemy.selected svg{filter:brightness(var(--activity-brightness,1)) drop-shadow(0 0 8px #c3a66e30)}
/* At most three figures per row; active rear figures change depth, never position. */
.enemies.positioned{display:block;position:relative;isolation:isolate;--figure-height:140px;--row-step:min(90px,calc((100% - var(--figure-height)) / var(--formation-gaps)))}
.enemies.positioned>.enemy,body.compact .enemies.positioned>.enemy{position:absolute;left:var(--formation-x);top:calc((100% - var(--figure-height) - var(--formation-span) * var(--row-step)) / 2 + var(--formation-row) * var(--row-step));transform:translateX(-50%);width:40%;height:var(--figure-height);max-width:160px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:calc(10 + var(--formation-row));pointer-events:none}
.enemies.positioned>.enemy.acting,body.compact .enemies.positioned>.enemy.acting{z-index:calc(100 + var(--formation-span) - var(--formation-row))}
.enemies.positioned>.enemy svg,body.compact .enemies.positioned>.enemy svg{height:124px;width:110px;flex:0 0 auto;pointer-events:none}
.enemies.positioned>.enemy svg path{pointer-events:visiblePainted}
.enemies.positioned>.enemy:disabled svg path{pointer-events:none}
.enemies.positioned>.enemy .health-track{margin-top:6px;width:70%;flex:0 0 3px;pointer-events:auto}
.enemies.positioned>.enemy .identified-marker{pointer-events:auto}
button.equipment-slot{display:block;position:relative;width:100%;text-align:left;color:var(--ink);padding-right:28px}
.gear-slot-value{display:block;margin-top:5px;font:11px/1.5 Arial,sans-serif;color:var(--muted)}
.gear-slot-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:22px Georgia,serif;color:var(--gold)}
.gear-back{display:block;border:0;background:none;color:var(--gold);font:11px Arial,sans-serif;padding:3px 0;margin-bottom:14px}
.input-area{border-top:0;padding-top:12px}
.boss-health{flex:0 0 6px;width:100%;height:6px;border:1px solid #46382d;margin:0}
/* DS3 modal precision replaces action controls; visuals remain placeholders. */
#precision{padding:12px 0}#precision-action{text-align:center;margin-bottom:18px}#precision-action svg{width:28px;height:28px;fill:none;stroke:#d6c498;stroke-width:2}.precision-meter{position:relative;display:flex;height:30px;outline:1px solid #ffffff22}.precision-fail{width:35%;background:#532d32}.precision-hit{width:14%;background:#9e8450}.precision-perfect{width:2%;background:#e8d49a;box-shadow:0 0 14px #d4b96b55}#precision-indicator{position:absolute;left:0;top:-6px;width:2px;height:42px;background:white;transform:translateX(-50%);pointer-events:none}

#combat-screen{position:relative}#precision-capture{position:absolute;inset:0;z-index:500;border:0;background:transparent;cursor:crosshair;padding:0}#precision-capture:hover:enabled{filter:none}#precision-capture:active:enabled{transform:none}
.dancer-second-blade{color:#69618e}.dancer-echo .dancer-second-blade{color:#efcaff;filter:drop-shadow(0 0 5px #c98bff)}
.enemy.phantom svg{opacity:.55;color:#adb6d8}.tile.blocked{visibility:visible;background:#37372e;color:#929285}.tile.offscreen-enemy{color:#cdbde9;outline:1px dashed #9a8ab4}
.tile.offscreen-enemy{position:relative}.tile.offscreen-enemy::after{content:"◇";position:absolute;right:-3px;top:-5px;font-size:9px;color:#d9c7ff}
.tile.burning-ground { background: #8b351c; box-shadow: inset 0 0 3px #ffc26a; }
.enemy.yhorm-kindled svg { color: #d9a078; filter: drop-shadow(0 0 6px #bf5728); }
.tile.arrow-threat { background: #cd2929 !important; box-shadow: 0 0 5px #fa4545; }
.enemy.teleport-hidden:not(.teleport-fade) svg { opacity: 0 !important; }
.enemy.teleport-fade svg { animation: teleport-fade-out .35s forwards; }
@keyframes teleport-fade-out { from { opacity: 1; } to { opacity: 0; } }
.enemy.armour-lightning svg { filter: drop-shadow(0 0 5px #e9e4a3); color: #eee7ad; }
.tile.area-preparing:not(.arrow-threat) { background: #8536bf !important; box-shadow: 0 0 5px #b957ed; }
.enemy.cinder-sorcerer svg { color: #8fb9e5; }
.enemy.cinder-pyromancer svg,.enemy.cinder-gwyn svg { color: #efad69; filter: drop-shadow(0 0 7px #ca5d28); }
.enemy.cinder-revival svg { animation: cinder-rekindle 1.2s ease-out forwards; }
@keyframes cinder-rekindle { from { opacity: .15; transform: translateY(12px) rotate(-12deg); } to { opacity: 1; transform: translateY(0) rotate(0); } }
.enemy.coop-untargeted svg{filter:brightness(.45)}
.tile.offscreen-area-preparing{outline:2px solid #b957ed;outline-offset:-2px}.tile.offscreen-area-warning{outline:2px solid #ff7268;outline-offset:-2px;box-shadow:0 0 5px #ff7268}

.inventory-list li > span { min-width: 0; overflow-wrap: anywhere; }
.equipment-description { display: block; max-width: 230px; margin: 5px 0; color: var(--muted, #aaa); font-size: 11px; line-height: 1.5; }
/* Inventory artwork and a pinned, five-position loadout. */
.character-content.items-page{display:flex;flex-direction:column;overflow:hidden;gap:8px}
.items-page h2{margin:0}.items-page .item-estus-note{margin:0;font-size:10px}
.item-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:54px;gap:6px;align-content:start;flex:1 1 auto;min-height:54px;overflow:auto;padding:2px;scrollbar-width:thin}
.inventory-item-icon,.bag-slot{position:relative;display:grid;place-items:center;min-width:0;padding:4px;border:1px solid #4b4c38;background:#2c302536;border-radius:2px;color:var(--gold)}
.inventory-item-icon{height:54px;cursor:grab}.inventory-item-icon:disabled{cursor:default;opacity:.45}.inventory-item-icon:hover:not(:disabled),.inventory-item-icon.selected-item{border-color:var(--gold);background:#6c603c33}
.item-artwork{display:block;width:35px;height:35px;object-fit:contain;pointer-events:none;user-select:none}
.item-quantity{position:absolute;right:3px;bottom:1px;font:10px/1.3 Arial,sans-serif;color:#e6d7b0;text-shadow:0 1px 2px #000;pointer-events:none}
.bag-dock{flex:0 0 auto;margin-top:auto;border-top:1px solid var(--line);padding-top:8px}.bag-dock .bag-instruction{margin:0 0 6px;font-size:9px;line-height:1.4;color:var(--muted)}
.bag-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.bag-slot{height:48px;cursor:pointer}.bag-slot .item-artwork{width:32px;height:32px}.slot-placeholder{font:18px Georgia,serif;color:#73745d}
.bag-slot.drag-over,.bag-slot:focus-visible,.inventory-item-icon:focus-visible{outline:1px solid var(--gold);outline-offset:1px;background:#7b653844}.dragging{opacity:.45}.empty-items{grid-column:1/-1;font-size:10px}.idle-humanity{flex:0 0 auto;font-size:10px;padding:7px}
.item-menu .item-artwork{width:35px;height:35px}

.inventory-item-icon,.bag-slot { touch-action:none; user-select:none; }
.item-drag-ghost { position:fixed; width:38px; height:38px; transform:translate(-50%,-50%); pointer-events:none; z-index:10000; filter:drop-shadow(0 2px 5px #000); }
/* Selected enemy buildup sits in the top-right HUD, below the existing map. */
.enemy-hud{justify-self:end;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:76px}
.enemy-debuffs{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:3px;max-width:76px}
.enemy-debuff{display:block;width:16px;height:18px;color:#c07870}
.enemy-debuff svg{display:block;width:100%;height:100%;overflow:visible}
.enemy-debuff .status-silhouette{fill:currentColor;opacity:.12}
.enemy-debuff .status-level{fill:currentColor}
.enemy-debuff .status-outline{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.enemy-debuff.poison{color:#91ad65}.enemy-debuff.frost{color:#8bc7de}.enemy-debuff.shock{color:#dcc56b}.enemy-debuff.petrify{color:#b9a9cc}
.enemy-debuff.active{filter:drop-shadow(0 0 3px currentColor)}
.enemy-debuffs{gap:2px}.enemy-debuff{width:13px;height:16px}
/* Artist frames keep the supplied canvas and anchor; SVG pose transforms do not distort them. */
.enemy.image-art .enemy-art{display:block;width:100%;height:145px;object-fit:contain;transform:none;margin:auto}
.enemy.image-art:disabled{opacity:1}
.enemies.multiple .enemy.image-art .enemy-art{height:124px}
.enemy.image-art>svg{display:none!important}
/* Shared death-result layer; stays until the owner explicitly dismisses it. */
main{position:relative}
.result-screen{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:800;width:318px;max-width:100%;height:496px;max-height:100dvh;border:0;padding:14px;background:#11120ff5;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer}
.result-screen:hover:enabled{filter:none}.result-screen:active:enabled{transform:translateX(-50%)}.result-screen:disabled{opacity:1}
.result-screen img{display:block;width:100%;height:auto;object-fit:contain}
#result-souls{font:13px/1.5 Georgia,serif;text-align:center;max-width:100%;overflow-wrap:anywhere}
.result-continue{font:9px/1.5 Arial,sans-serif;color:var(--muted);margin-top:14px}
.result-loot{display:flex;flex-direction:column;gap:7px;width:100%;max-height:155px;overflow-y:auto;scrollbar-width:thin;padding:2px 14px;font:12px/1.35 Georgia,serif;text-align:left}
.result-loot-row{display:flex;align-items:center;justify-content:center;gap:8px;min-height:22px;flex-shrink:0}
.result-loot-row img{width:22px;height:22px;object-fit:contain;flex-shrink:0}
.result-loot-name{overflow-wrap:anywhere;min-width:0}
.trial-controls{max-width:318px;margin:22px auto 16px;text-align:center}.trial-controls h1{font-size:20px;font-weight:normal;color:var(--gold);margin:0 0 8px}.trial-controls p{font:11px/1.6 Arial,sans-serif;color:var(--muted)}.trial-controls button{width:100%;min-height:42px}
.hollow-trial .test-settings,.hollow-trial .debug-panel,.hollow-trial footer{display:none!important}
.hollow-trial .masthead{height:65px}.hollow-trial .character-panel{margin-bottom:18px}
.standby-screen{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:900;width:318px;max-width:100%;height:min(496px,100dvh);border:0;background:#11120ff5;color:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer}
.standby-screen>span{font-size:25px}.standby-screen>small{font:12px Arial,sans-serif;color:var(--muted)}
.standby-screen:active:enabled{transform:translateX(-50%)}.standby-screen:hover:enabled{filter:none}
.standby-screen:focus-visible{outline-offset:-4px}
body.hollow-trial.panel-view .character-panel,body.hollow-trial.panel-view .combat-panel{max-width:min(318px,100%)}