/* Compact, viewport-sized Activity. Management pages retain normal document scrolling. */
:root{--header-height:76px;--nav-height:66px}
.topbar{height:var(--header-height);position:sticky;top:0;padding:5px 16px;gap:6px;z-index:25;box-shadow:0 4px 20px #0003}
.topbar>.brand,.avatar,.experience{display:none}
.topbar .player-strip{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:32px 22px;align-items:center;flex:1;gap:0 16px;padding:0;margin:0;background:none;border:0;min-width:0;box-shadow:none}
.identity{min-width:0;gap:0}.identity>div{display:flex;align-items:baseline;gap:12px;min-width:0}.identity strong{font:21px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity small{font-size:11px;white-space:nowrap;color:var(--muted)}
.vitals{grid-row:2;grid-column:1/-1;width:100%;display:flex;gap:18px;min-width:0}.vitals>div{display:flex;align-items:center;gap:6px;flex:1}.vitals span{font-size:9px;width:auto;color:#bba886}.vitals small{display:none}.vitals meter{width:100%;height:8px;flex:1;min-width:0}
.currency{grid-column:2;grid-row:1;display:flex;gap:5px;align-items:center}.currency>span{font-size:0}.currency strong{font-size:14px}.currency>span:before{width:16px;height:16px;margin:0}
.exp-orbs{grid-column:3;grid-row:1;display:flex;gap:4px;background:none!important;border:0;padding:0 3px;min-height:44px}
.exp-orbs i{display:block;position:relative;width:15px;height:15px;border:1px solid #96713b;border-radius:50%;overflow:hidden;background:radial-gradient(at 35% 25%,#464536,#11120e 65%);box-shadow:inset 0 0 0 1px #000,0 1px 3px #000}
.exp-orbs i:before{content:'';position:absolute;bottom:0;left:0;right:0;height:var(--fill,0%);background:radial-gradient(at 35% 20%,#fff5b5,#efcb56 45%,#9a631b);transition:height .3s}.exp-orbs i:after{content:'';position:absolute;inset:2px;border-radius:50%;box-shadow:inset 0 2px 2px #fff4}
.journey-back{padding:0;font-size:27px;width:30px;min-width:30px;background:none;border:0}.journey-back:disabled{opacity:.2}.menu-toggle{width:34px;min-width:34px;font-size:22px}
.layout{display:block;max-width:1100px;min-height:0;padding:0}.adventure{padding:22px 24px calc(var(--nav-height) + 24px)}
.sidebar{position:fixed;inset:auto 0 0;z-index:30;display:block;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:0 max(8px,calc((100vw - 900px)/2)) env(safe-area-inset-bottom);background:linear-gradient(#211d14,#0b0d09);border:0;border-top:1px solid #6f5733}
.sidebar>.eyebrow,.sidebar-note{display:none}.sidebar nav{height:var(--nav-height);display:flex;flex-direction:row;justify-content:space-around;gap:0}.sidebar nav button{flex:1;min-width:0;min-height:44px;padding:5px 3px;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:19px!important;border:0;position:relative}.sidebar nav button span{font-size:10px;white-space:nowrap}.sidebar nav button img{width:23px;height:23px}.sidebar nav button.active{box-shadow:inset 0 2px #d5a34f;background:linear-gradient(#3a2d19,#16170e)}.sidebar nav b{position:absolute;top:3px;right:17%;font-size:9px;padding:0 4px}
.details{display:none}.activity-toolbar,.activity-stage{display:none}
body[data-view=farm]{height:100dvh;overflow:hidden;overscroll-behavior:none}
body[data-view=farm] .layout{height:calc(100dvh - var(--header-height) - var(--nav-height) - env(safe-area-inset-bottom));max-width:none}
body[data-view=farm] .adventure{height:100%;display:flex;flex-direction:column;padding:0}
body[data-view=farm] .adventure>.heading{display:none}
body[data-view=farm] .activity-toolbar{display:flex;flex:none;align-items:center;gap:8px;min-height:55px;padding:6px 16px;border-bottom:1px solid #52442c;background:#171810}
.activity-toolbar>div{flex:1;min-width:0}.activity-toolbar small{display:block;font-size:8px;letter-spacing:1.2px;color:#c49e60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-toolbar strong{display:block;font:17px Georgia,serif}.activity-toolbar button{min-height:40px;padding:6px 14px;font-size:12px}.activity-toolbar #hunt-settings{font-size:21px;padding:0;width:42px;background:none}
body[data-view=farm] .activity-stage{display:flex;flex:1;min-height:0;position:relative;background:#141710}
.activity-stage .scene{display:none;margin:0!important;border:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto;border-radius:0;touch-action:none}
body[data-activity=fighting] .activity-stage .scene{display:block}
/* Native previews keep drawing offscreen on management pages. display:none on
   the ancestor collapses their iframe viewport to zero and loses its aspect. */
body:not([data-view=farm]) .activity-stage,body:not([data-session=game]) .activity-stage{display:block;position:fixed;left:-10000px;top:0;width:640px;height:480px;visibility:hidden;pointer-events:none;contain:layout size}
body:not([data-view=farm]) .activity-stage .scene,body:not([data-session=game]) .activity-stage .scene{display:block}
.activity-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(ellipse at 45% 25%,#353722,#151810 65%,#0b0e0a);overflow:hidden}
body[data-activity=fighting] .activity-empty{display:none}.activity-empty h2{font:clamp(24px,4vw,34px) Georgia,serif;margin:8px 0}.activity-empty>p:not(.eyebrow){max-width:350px;color:#b0ac93;font-size:13px}.activity-empty>button{margin-top:16px}.search-emblem{font-size:60px;line-height:1.2;color:#b59c5a;margin-bottom:16px;opacity:.6}
body[data-activity=searching] .search-emblem{animation:search-pulse 2.8s ease-in-out infinite}
@keyframes search-pulse{50%{opacity:1;transform:scale(1.1);text-shadow:0 0 30px #c3a55077}}
.camera-controls{top:10px;right:10px;gap:5px}.camera-controls span{display:none}.camera-controls button{font-size:20px;min-height:40px;min-width:40px;padding:3px;background:#15190dc9;backdrop-filter:blur(5px)}
.scene-caption{bottom:76px;padding:6px 14px;font-size:9px;background:linear-gradient(transparent,#1117);pointer-events:none}
.skill-ribbon{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:5;padding:7px;border:1px solid #a5894b44;background:#11170bc9;backdrop-filter:blur(8px);border-radius:9px;max-width:calc(100% - 24px)}
.skill-ribbon:empty{display:none}
.combat-skill{position:relative;isolation:isolate;padding:3px;min-height:44px;min-width:44px;width:44px;flex:none;height:44px;border:1px solid #726245;background:#161912;border-radius:5px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.combat-skill img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transition:filter .15s,opacity .15s}
.combat-skill.unlearned img{filter:grayscale(1);opacity:.35}
.combat-skill.resource-low img{filter:grayscale(.85) saturate(.3);opacity:.45}
.combat-skill.enabled:before{content:'';position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-radius:50%;background:#edc978;box-shadow:0 0 0 1px #35260f,0 0 4px #c69b4a88;z-index:3;pointer-events:none}
.combat-skill.cooling:after{content:'';position:absolute;inset:2px;border-radius:2px;background:conic-gradient(#060906c9 var(--cooldown),transparent 0);z-index:1;pointer-events:none}
.combat-skill .skill-cooldown-time{position:absolute;inset:0;display:grid;place-items:center;font:600 12px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#f4ebd7;text-shadow:0 1px 3px #000,0 0 3px #000;z-index:2;pointer-events:none}
.combat-skill.buff-active{border-color:#b7c98e;box-shadow:inset 0 0 5px #c6dca433,0 0 7px #b9d48c66}
.combat-skill.casting{border-color:#f0db9d;box-shadow:0 0 10px #d9bc7377}
.combat-skill:hover{background:#211e17;border-color:#d0a45b}
.combat-skill:focus-visible{outline:2px solid #edca83;outline-offset:2px}
@media(max-width:700px){.skill-ribbon .combat-skill{width:44px;height:44px;min-width:44px;min-height:44px}.scene .skill-ribbon{gap:4px}}
@media(prefers-reduced-motion:reduce){.combat-skill,.combat-skill img{transition:none}}
dialog{border:1px solid #9e7b42;border-radius:14px;background:linear-gradient(135deg,#29261d,#15170f);color:var(--text);box-shadow:0 15px 80px #000a;max-width:min(540px,calc(100vw - 32px));max-height:85dvh;padding:22px;overscroll-behavior:contain;overflow:auto;opacity:0;transform:translateY(16px);transition:opacity .18s ease,transform .18s ease,display .18s allow-discrete,overlay .18s allow-discrete}
dialog[open]{opacity:1;transform:translateY(0)}@starting-style{dialog[open]{opacity:0;transform:translateY(24px)}}dialog::backdrop{background:#030604b3;backdrop-filter:blur(4px)}
.journey-sheet{width:540px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #5b4d31;padding-bottom:14px;margin-bottom:18px}.sheet-heading h2{font:26px Georgia,serif;margin:0}.sheet-heading .eyebrow{font-size:9px;margin:0}.sheet-heading button{font-size:25px;background:none;border:0;padding:0;min-width:44px}
#activity-settings{width:640px;max-width:calc(100vw - 24px)}#activity-settings #panel-farm{border:0;background:none;box-shadow:none;margin:0;padding:0}#activity-settings #panel-farm>.section-heading{display:none}.hunt-modes{display:flex;gap:8px;margin-bottom:18px}.hunt-modes button{flex:1;font-size:12px}.hunt-modes button.active{background:linear-gradient(#4c351c,#2c2013);border-color:#c49c50;color:#f0d99d}.encounter-editor[hidden]{display:none!important}.auto-potions{padding:16px 0;margin:20px 0}.auto-potions h3{font-size:21px}
.journey-drawer{z-index:60}.drawer-shade{z-index:59}.journey-drawer .connection{margin:22px 0 12px;padding-top:20px;border-top:1px solid #483c27}.journey-drawer #logout{width:100%;text-align:left}.drawer-title{margin-bottom:24px}
.auth{inset:var(--header-height) 0 0;z-index:45}.panel{margin-top:0}.heading h1{font-size:29px}.heading .eyebrow{font-size:10px}
@media(max-width:700px){:root{--header-height:70px;--nav-height:62px}.topbar{padding:3px 8px}.topbar .player-strip{gap:0 8px;grid-template-rows:31px 22px}.identity>div{display:block}.identity strong{font-size:17px;line-height:1.1;display:block}.identity small{font-size:9px;line-height:1.2;display:block}.currency strong{font-size:12px}.currency>span:before{width:13px;height:13px}.exp-orbs{gap:3px}.exp-orbs i{width:13px;height:13px}.vitals{gap:12px}.adventure{padding:18px 12px calc(var(--nav-height) + 24px)}.sidebar nav button span{font-size:9px}.sidebar nav button{font-size:19px!important}.sidebar nav button img{width:23px;height:23px}.activity-toolbar{padding-inline:12px!important}.activity-toolbar small{max-width:190px}.camera-controls button{width:36px;min-width:36px;min-height:38px}.skill-ribbon{gap:5px;padding:5px;bottom:12px}.combat-skill{width:39px;height:39px;min-height:39px}dialog,.journey-sheet,#activity-settings{margin:auto 0 0;width:100%;max-width:100%;border-radius:18px 18px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));max-height:88dvh}.sheet-heading{position:sticky;top:-20px;background:#25251a;z-index:2;padding-top:8px}.activity-empty{padding:22px}.activity-empty .eyebrow{font-size:9px}.auto-potions form{grid-template-columns:1fr 1fr}.auto-potions label{font-size:12px}.auto-potions .hint{font-size:11px}}
@media(max-height:520px) and (orientation:landscape){:root{--header-height:56px;--nav-height:48px}.topbar .player-strip{grid-template-rows:25px 18px}.activity-toolbar{min-height:44px!important}.sidebar nav button{flex-direction:row}.search-emblem{font-size:32px;margin:0}.activity-empty h2{margin:0}.activity-empty>button{margin-top:4px}.activity-empty>p{margin:4px}.skill-ribbon{left:auto;right:10px;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Quiet scene; compact resources occupy one deliberate top-row group. */
.scene-caption{display:none!important}
.topbar .player-strip{grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px}
.topbar .identity{grid-column:1;grid-row:1}
.topbar .currency{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}
.topbar .exp-orbs{grid-column:3;grid-row:1;align-self:center;justify-self:end;align-items:center}
.topbar .vitals{grid-column:1/-1;grid-row:2}
@media(max-width:380px){.topbar .player-strip{column-gap:6px}.exp-orbs i{width:11px;height:11px}.identity strong{font-size:15px}.currency strong{font-size:11px}}

/* The legacy overflow-x:auto also made Y scrollable. The fixed-height nav
   exceeded its border-box by 1px, exposing a pale scrollbar at the right. */
html{scrollbar-color:#77613d #11130e;scrollbar-width:thin}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#11130e}
::-webkit-scrollbar-thumb{background:#77613d;border-radius:6px}
::-webkit-scrollbar-button{display:none;width:0;height:0}
.sidebar{display:flex;flex-direction:column;overflow:hidden}
.sidebar nav{flex:1;min-height:0;height:auto;min-width:0}
.sidebar nav button{flex:1 1 0;gap:3px;padding:5px 2px}
.sidebar nav button img.navigation-art{display:block;width:32px;height:32px;flex:none;object-fit:contain;filter:saturate(.8);transition:filter .18s,transform .18s}
.sidebar nav button.active img.navigation-art{filter:saturate(1.1) brightness(1.12);transform:translateY(-1px)}
.sidebar nav button:hover img.navigation-art{filter:brightness(1.15)}
.journey-drawer nav button img.navigation-art{width:32px;height:32px;flex:none}
@media(max-width:700px){.sidebar nav button img.navigation-art{width:28px;height:28px}}
@media(max-height:520px) and (orientation:landscape){.sidebar nav button img.navigation-art{width:25px;height:25px}}
/* Activity statistics: icon-led scene control and four aligned totals. */
body[data-view=farm] .activity-toolbar[hidden]{display:none}
.result-icon{display:block;width:22px;height:22px;object-fit:contain;flex:none;color:#d0a45b}
.result-combat-icon{width:26px;height:26px}
.result-painted-icon{width:20px;height:20px;image-rendering:auto}
.activity-results-button{position:absolute;top:12px;right:12px;z-index:8;display:flex;align-items:center;gap:14px;min-height:44px;max-width:calc(100% - 24px);padding:8px 12px;background:#10120fe8;border:1px solid #82683d;color:#ead9af;backdrop-filter:blur(8px);box-shadow:0 3px 12px #0005;border-radius:4px}
.activity-results-button[hidden]{display:none}
.summary-stat{display:flex;align-items:center;gap:6px;min-width:0}
.summary-stat+.summary-stat{padding-left:12px;border-left:1px solid #6f573280}
.summary-stat strong{font:600 11px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.summary-stat .result-icon{width:18px;height:18px}
.summary-stat .result-combat-icon{width:23px;height:23px}
.summary-stat .result-painted-icon{width:18px;height:18px}
.activity-results-button[data-status=defeat]{border-color:#c08469}
.activity-results-button[data-status=defeat]:before{content:'';width:6px;height:6px;border-radius:50%;background:#edb49a}
.activity-results-button:hover{border-color:#d0a45b;background:#211e17f5}
.activity-results-button:focus-visible,#activity-results button:focus-visible{outline:2px solid #edca83;outline-offset:3px}
#activity-results{position:fixed;inset:auto 0 0;margin:0 auto;width:500px;max-width:100%;max-height:88dvh;border-radius:18px 18px 0 0;padding:0 20px env(safe-area-inset-bottom);background:linear-gradient(135deg,#211e17fc,#10120ffc);backdrop-filter:blur(18px);scroll-padding-top:80px}
.results-grip{display:flex;justify-content:center;align-items:center;width:100%;height:22px;min-height:22px;background:none;border:0;padding:0;touch-action:none;cursor:grab}
.results-grip span{width:42px;height:4px;border-radius:4px;background:#b7aa8d77}
#activity-results .sheet-heading{position:static;background:none;justify-content:flex-start;gap:10px;margin:0;padding:4px 0 16px;border:0}
.results-emblem{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#382c1933;border:1px solid #6f573280;border-radius:4px}
.results-emblem .result-icon{width:28px;height:28px}
#activity-results .sheet-heading h2{font:20px/1.2 Georgia,serif;color:#ead9af;margin:0 0 5px}
#activity-results .sheet-heading>button{margin-left:auto;color:#dfc99a;min-height:44px}
.results-state{display:flex;align-items:center;gap:5px;font:11px/1.3 Arial,sans-serif;color:#c7b48a}
.results-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#d0a45b}
#activity-results[data-status=defeat] .results-state{color:#edb49a}
#activity-results[data-status=defeat] .results-state:before{background:#edb49a}
#activity-results[data-status=ended] .results-state:before{background:#b7aa8d}
#results-status{padding:10px 12px;margin:0 0 12px;background:#7e38211f;border-left:2px solid #b2765c;color:#edc2ab;font-size:12px;line-height:1.5}
#results-status[hidden]{display:none}
.results-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.result-stat{min-width:0;padding:11px 12px;border:1px solid #6f573280;background:#0a0b0866;border-radius:3px}
.result-stat-label{display:flex;align-items:center;gap:6px;min-height:20px;color:#cbb995;font:11px/1.3 Arial,sans-serif}
.result-stat strong{display:block;margin-top:6px;font:600 19px/1.3 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#f0dfb8;overflow-wrap:anywhere}
.result-stat-duration strong{font-size:19px}
.result-stat-yang strong{color:#edc568}
.result-stat-exp .result-icon{color:#e5d6a9}
.results-timeline{display:grid;grid-template-columns:1fr;gap:9px;margin:16px 0;font-size:11px;line-height:1.5}
.results-timeline>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.results-timeline>div[hidden]{display:none}
.results-timeline dt{color:#ab9d81}
.results-timeline dd{margin:0;color:#dbcbaa;font-variant-numeric:tabular-nums}
#activity-results[data-status=defeat] #results-ended{color:#edb49a}
.results-actions{position:sticky;bottom:calc(-1 * env(safe-area-inset-bottom));display:flex;gap:8px;background:#171710;padding:12px 0 calc(16px + env(safe-area-inset-bottom));border-top:1px solid #6f573280}
#results-finish,#results-settings{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;font:11px/1.4 Arial,sans-serif;padding:8px 10px}
#results-settings{flex:1;background:transparent;border-color:#6f5732;color:#dfc99a}
#results-finish{flex:1;background:linear-gradient(#52291a,#31180f);border-color:#a35e3f;color:#f1c7b0;font-weight:bold}
.results-actions .result-icon{width:13px;height:13px;color:currentColor}
#results-finish[hidden]{display:none}
.results-actions-ended #results-settings{background:#6b48252b;border-color:#b58a3d;color:#edce91}
.results-targets{border-top:1px solid #6f573280;padding-top:13px;margin:0 0 16px}
.results-targets[hidden]{display:none}
.results-targets h3{font:18px Georgia,serif;color:#ead9af;margin:0 0 10px}
.results-target-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.results-target{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid #6f573266;background:#11120f55}
.results-target .mob-portrait{display:grid;place-items:center;width:38px;height:42px;flex:0 0 38px;object-fit:contain;background:transparent;border:0}
.results-target .model-pending span{display:none}
.results-target>div{min-width:0}
.results-target strong{display:block;font:15px/1.3 Georgia,serif;color:#e2cea3;overflow-wrap:anywhere}
.results-target small{display:block;font:10px/1.5 Arial,sans-serif;color:#b7aa8d;margin-top:3px}
.results-target-count{flex:none;margin-left:auto;padding-left:8px;text-align:right}
.results-target-count[hidden]{display:none}
.results-target-count b{font:600 18px/1.3 Arial,sans-serif;color:#e8c479;font-variant-numeric:tabular-nums}
.results-target-count small{font-size:9px}
@media(max-width:700px){.results-target-list{grid-template-columns:1fr}}
@media(max-width:700px){#activity-results{padding-inline:16px}.activity-results-button{top:10px;right:10px;gap:10px;padding:7px 10px}.summary-stat strong{font-size:11px}.summary-stat+.summary-stat{padding-left:10px}#activity-results .sheet-heading h2{font-size:19px}.result-stat{padding:10px}.result-stat strong{font-size:18px}.result-stat-duration strong{font-size:18px}}
@media(max-width:360px){.result-stat strong{font-size:17px}.result-stat-duration strong{font-size:17px}.result-stat{padding:10px}}
@media(max-height:520px) and (orientation:landscape){#activity-results{max-height:94dvh}.result-stat{padding:8px 12px}.result-stat strong{margin-top:3px}.results-timeline{margin:10px 0}}

/* Native special encounter pools; chances are per completed search. */
.special-hunt-editor[hidden]{display:none}
.special-hunt-intro h3{font:22px Georgia,serif;margin:14px 0 8px;color:#ead9af}
.special-hunt-intro p{font-size:12px;line-height:1.6;color:#b7aa8d;margin:0 0 16px;max-width:60ch}
.special-hunt-group{margin:0 0 16px}
.special-hunt-group>header{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.special-hunt-group h4{font:18px Georgia,serif;margin:0;color:#ead9af}
.special-rarity{color:#c9b58e;font-size:10px;line-height:1.5}
.special-rarity[data-tier=miniBoss]{color:#d9af6a}
.special-rarity[data-tier=boss]{color:#e4a188}
.special-hunt-group>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.special-hunt-target{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #6f573266;background:#11120f66;min-width:0}
.special-hunt-target .mob-portrait,.special-stone-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;object-fit:contain;color:#c7a66c;background:#211e1744}
.special-stone-icon{font-size:26px}
.special-hunt-target>div{flex:1;min-width:0}
.special-hunt-target strong{display:block;font:15px/1.3 Georgia,serif;color:#ead9af;overflow-wrap:anywhere}
.special-hunt-target small{display:block;font-size:10px;line-height:1.5;color:#b7aa8d;margin-top:4px}
.special-hunt-target button{min-height:40px;padding:5px 7px;background:transparent;border-color:#6f573266;font-size:10px}
@media(max-width:700px){.special-hunt-group>div{grid-template-columns:1fr}.location-enemy-tabs button{font-size:10px}.location-enemy-tabs button span{margin-left:3px}}
/* A quiet, centered skill sheet matching the original game tooltip. */
#activity-skill-details{width:440px;max-width:100%;max-height:88dvh;padding:12px 24px 16px;border:1px solid #94723d;border-radius:16px;background:linear-gradient(155deg,#292711ed,#10120ff7);backdrop-filter:blur(14px);color:#d8d4c5;text-align:center;scrollbar-width:thin}
.battle-skill-grip{width:40px;height:4px;border-radius:4px;background:#a69d7770;margin:0 auto 18px}
#activity-skill-details .sheet-heading{display:block;position:relative;background:none;border:0;margin:0 0 14px;padding:0 22px}
#activity-skill-details .sheet-heading h2{font:600 19px/1.35 Arial,sans-serif;color:#edcf73;margin:0;overflow-wrap:anywhere}
#battle-skill-rank{font:13px/1.5 Arial,sans-serif;color:#d6b671;margin:10px 0 0}
#activity-skill-details .sheet-heading>button{position:absolute;right:-17px;top:-17px;display:grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:0;background:none;color:#b7aa8d;font:27px/1 Arial,sans-serif}
.battle-skill-description{font:13px/1.65 Arial,sans-serif;color:#cbc7bb;margin:0 auto 14px;max-width:44ch}
.battle-skill-effects{margin:0 0 10px}
.battle-skill-effects p{font:14px/1.65 Arial,sans-serif;color:#b7cda7;margin:3px 0;overflow-wrap:anywhere}
.battle-skill-note{font:12px/1.6 Arial,sans-serif;color:#b7aa8d;margin:12px 0}
.battle-skill-metrics{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
.battle-skill-metrics>div{display:flex;justify-content:center;align-items:baseline;gap:6px;font:12px/1.6 Arial,sans-serif}
.battle-skill-metrics dt{color:#aaa89c}.battle-skill-metrics dt:after{content:':'}
.battle-skill-metrics dd{margin:0;color:#dedbd0;font-variant-numeric:tabular-nums}
.battle-skill-conditions{font:13px/1.6 Arial,sans-serif;color:#80c7a2;margin:10px 0 16px}
.battle-skill-conditions p{margin:3px 0}
.battle-skill-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 10px;padding-top:8px}
#battle-skill-status{flex:0 0 100%;font:10px/1.5 Arial,sans-serif;color:#aaa492;margin:0 0 2px}
#battle-skill-status[data-status=active]{color:#a9c59b}
#battle-skill-status[data-status=unavailable]{color:#d4a38e}
#battle-skill-auto-label{font:12px/1.5 Arial,sans-serif;color:#cfc3a7;cursor:pointer;padding-block:10px}
#activity-skill-details #battle-skill-auto{box-sizing:border-box;position:relative;display:block;flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:22px;min-height:22px;max-height:22px;padding:0;margin:0;border:1px solid #7d7152;border-radius:12px;background:#171912;box-shadow:none;cursor:pointer;touch-action:manipulation}
#battle-skill-auto:before{content:'';position:absolute;inset:-11px -5px}
#battle-skill-auto>span{position:absolute;left:3px;top:3px;display:block;width:14px;height:14px;border-radius:50%;background:#a3987e;pointer-events:none;transition:transform .15s}
#activity-skill-details #battle-skill-auto[aria-checked=true]{background:#775625;border-color:#b18a49}
#battle-skill-auto[aria-checked=true]>span{transform:translateX(14px);background:#efd49c}
#activity-skill-details #battle-skill-auto:disabled{opacity:.4;cursor:default}
#activity-skill-details button:focus-visible{outline:2px solid #edca83;outline-offset:3px}
@media(max-width:700px){#activity-skill-details{width:100%;margin:auto 0 0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}#activity-skill-details .sheet-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){#battle-skill-auto>span{transition:none}}
.combat-skill-buttons{display:flex;gap:inherit;min-width:0}
.combat-skill.buff-active{border:2px solid #f5d37d;background:#43311a;box-shadow:0 0 9px #e5b556a6,inset 0 0 8px #e5b55666;animation:skill-buff-glow 2.4s ease-in-out infinite}
.combat-skill.buff-active img{filter:brightness(1.2) saturate(1.15);opacity:1}
.combat-skill.buff-active.cooling:after{background:conic-gradient(#06090666 var(--cooldown),transparent 0)}
@keyframes skill-buff-glow{50%{box-shadow:0 0 15px #e5b556cc,inset 0 0 10px #e5b55688;border-color:#fff0b5}}
.combat-buff-button{box-sizing:border-box;display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:0;min-height:0;padding:8px;margin:0 0 0 4px;border:1px solid #8e7449;border-radius:5px;background:#242114;color:#dfc37e;box-shadow:none}
.combat-buff-button svg{width:26px;height:26px}.combat-buff-button.has-active-buffs{border-color:#d9b862;color:#f6df9b}
.battle-active-buffs{position:absolute;top:12px;left:12px;z-index:5;display:flex;gap:6px;flex-wrap:wrap;max-width:60%;pointer-events:none}
.battle-buff{position:relative;display:grid;place-items:center;width:34px;height:36px;padding:2px;border:1px solid #b99b56;border-radius:4px;background:#171910d9;box-shadow:0 0 6px #b9913933;pointer-events:auto}
.battle-buff img{width:28px;height:28px;object-fit:contain}.battle-buff small{position:absolute;bottom:-3px;right:-3px;min-width:17px;padding:1px 3px;border-radius:3px;background:#15170e;color:#f1dfb2;font:10px/1.2 Arial,sans-serif;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:700px){.scene .skill-ribbon{gap:4px;padding:5px;right:8px;max-width:calc(100% - 16px)}.skill-ribbon .combat-skill,.skill-ribbon .combat-buff-button{width:clamp(32px,10vw,40px);min-width:0;height:40px;min-height:0}.combat-buff-button{padding:6px;margin-left:2px}.battle-active-buffs{top:9px;left:9px}.battle-buff{width:29px;height:31px}.battle-buff img{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.combat-skill.buff-active{animation:none}.buff-item-row button[role=switch]>span{transition:none}}
/* Give the flask its own column; the six skills must never overflow over it. */
@media(max-width:700px){
 .scene .skill-ribbon{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:7px;width:min(322px,calc(100% - 16px));max-width:none;left:50%;right:auto;transform:translateX(-50%);padding:6px}
 .skill-ribbon .combat-skill-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;min-width:0}
 .scene .skill-ribbon .combat-skill{box-sizing:border-box;width:100%;min-width:0;height:40px;min-height:0}
 .scene .skill-ribbon .combat-buff-button{width:40px;height:40px;min-width:0;min-height:0;margin:0;padding:7px;align-self:center}
}