/* One retractable activity panel, using the game's wood and parchment surfaces. */
.activity-panels{position:absolute;inset:0;z-index:6;pointer-events:none;--activity-width:min(330px,calc(100% - 64px));--activity-drawer-top:80px;--activity-drawer-bottom:64px}
.activity-panels:has(~#action-sheet:not([hidden])){display:none}
.activity-panel{position:absolute;left:0;width:var(--activity-width);color:var(--paper-ink);pointer-events:none;filter:drop-shadow(2px 3px 3px #07171480)}
.activity-panel[data-open="false"]{width:0}
.activity-panel-body{position:relative;pointer-events:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#8a7961 var(--paper);border:8px solid transparent;border-image:var(--ornate-paper) 8% fill / 8px / 0 stretch;background:var(--paper-veil),var(--ornate-paper);background-color:var(--paper);background-position:center;background-size:100% 100%,119.05% 119.05%;background-clip:padding-box;box-shadow:inset 0 0 0 1px #b3965a66;min-width:0}
.activity-handle{position:absolute;left:100%;top:0;width:44px;min-width:44px;height:76px;min-height:76px;padding:0 6px 0 2px;pointer-events:auto;touch-action:manipulation;isolation:isolate;background:none;border:0;border-radius:0;box-shadow:none;display:grid;place-items:center;color:var(--gold-light);font:700 32px/1 var(--serif);text-shadow:0 2px 2px #000}
.activity-handle::before,.activity-handle::after{content:"";position:absolute;inset:0 2px 0 0;z-index:-2;clip-path:polygon(0 0,100% 24%,100% 76%,0 100%);background:linear-gradient(110deg,#edd28c,#6e491e 36%,#dcc482 56%,#6e491e)}
.activity-handle::after{inset:3px 5px 3px 2px;z-index:-1;background:linear-gradient(90deg,#17130dad,#17130d2b),url('./art-web/wood-dark-v3-331b77e862.webp') center/240px;box-shadow:inset 0 0 0 2px #d4a34b66}
.activity-handle .icon{width:22px;height:22px}
.activity-handle>span{color:var(--gold-light);font:700 38px/1 var(--serif);transform:translateY(-2px)}
.activity-handle:focus-visible{outline:2px solid var(--gold-light);outline-offset:-2px}
.activity-drawer{top:var(--activity-drawer-top);max-height:calc(100% - var(--activity-drawer-top) - var(--activity-drawer-bottom));display:flex;flex-direction:column}
.activity-drawer>.activity-panel-body{min-height:0;max-height:100%;overflow-y:auto}
.activity-drawer>.activity-handle{top:50%;transform:translateY(-50%)}
.activity-drawer[data-open="false"]{top:50%;height:0;max-height:none}
.activity-capacity{margin-left:auto;white-space:nowrap;font:600 12px/1.2 var(--sans);font-variant-numeric:tabular-nums}
.activity-tabs{position:sticky;top:-1px;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:url('./art-web/wood-dark-v3-331b77e862.webp') center/280px;border-bottom:2px ridge #b3965a}
.activity-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:44px;margin:0;padding:4px;border:1px solid #a88442;background:#120f0977;box-shadow:inset 0 0 0 2px #cfa55622;color:var(--gold-light);font:700 20px/1 var(--serif);text-shadow:0 1px #000}
.activity-tabs button[aria-selected="true"]{background:linear-gradient(#1c513f,#0a2b21);border-color:#e6c779;box-shadow:inset 0 0 0 2px #cfa55655}
.activity-tabs .icon{width:21px;height:21px}
.activity-group{margin:0;padding:8px 4px 4px}
.activity-group+.activity-group{border-top:1px solid #9c7a3b55}
.activity-group-heading{display:flex;align-items:center;gap:6px;margin:0 0 4px;padding:0 2px;color:var(--paper-ink);font:700 19px/1.1 var(--serif)}
.activity-group-heading h3{margin:0;flex:1;min-width:0;font:inherit}
.activity-tab-panel>.activity-group-heading{padding:8px 4px 4px}
.activity-tab-panel>.activity-rows{padding:0 4px 4px}
.activity-group-heading .icon{width:21px;height:21px;flex:none}
.activity-rows{display:grid;gap:4px;min-width:0}
.activity-row{display:flex;align-items:center;gap:6px;width:100%;min-width:0;min-height:64px;margin:0;padding:6px 4px;border:1px solid #9c7a3b55;border-radius:3px;background:linear-gradient(100deg,#ead8b166,#cba86a18);color:var(--paper-ink);text-align:left;box-shadow:inset 0 0 0 1px #fff8;line-height:1.2}
.activity-row:hover{background-color:#d7b06b33}
.activity-row:focus-visible,.activity-tabs button:focus-visible{outline:2px solid #89581b;outline-offset:-2px}
.activity-art{width:38px;height:42px;flex:none;display:grid;place-items:center;color:#6d4e27;overflow:hidden}
.activity-art>.icon{width:30px;height:30px}
.activity-art img{width:100%;height:100%;object-fit:contain}
.activity-art .order-worker-art{object-fit:cover}
.activity-art>.destination-illustration,.activity-art>.order-portrait{width:100%;height:100%;min-width:0;min-height:0}
.activity-art>.objective-illustration{width:100%;height:100%;min-width:0;min-height:0;float:none;margin:0;mask-image:none}
.activity-art .building-sprite,.activity-art .report-portrait{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;margin:0;border:0;flex:none;filter:none}
.activity-art .standard-item-art{width:36px;height:36px}
.activity-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.activity-title{display:block;overflow-wrap:anywhere;font:700 15px/1.1 var(--serif)}
.activity-subtitle{display:block;font:10px/1.25 var(--sans);color:var(--antique-muted);overflow-wrap:anywhere}
.activity-arrow{width:28px;height:28px;flex:none;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:linear-gradient(#214734,#0a2019);box-shadow:inset 0 0 0 2px #d7b06b33;color:var(--gold-light);font:22px/1 var(--serif)}
.activity-arrow .icon{width:17px;height:17px}
.activity-progress{position:relative;isolation:isolate;display:block;min-height:18px;overflow:hidden;border:1px solid #8b7957;border-radius:5px;background:#192b23;box-shadow:inset 0 1px 2px #000a;color:#fff3d5;text-align:center}
.activity-progress>i{position:absolute;left:0;top:0;bottom:0;z-index:-1;background:linear-gradient(#3c8f55,#18633c);border-right:1px solid #c7bf7066;max-width:100%;pointer-events:none}
.activity-time{display:block;position:relative;font:600 10px/1.6 var(--sans);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.activity-copy>.activity-time{color:var(--antique-muted);font-weight:400}
.activity-empty-slot{border-style:dashed;background:#ad813414;color:var(--antique-muted)}
.activity-empty-slot .activity-art{border:1px dashed #977444;border-radius:50%;width:34px;height:34px;margin:2px;font-size:24px}
.activity-empty-slot .activity-title{font-size:15px;font-weight:600}
.activity-outcome{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);pointer-events:auto;max-width:calc(100% - 32px);min-height:44px;padding:8px 16px;background:#0b241ef0;border:1px solid var(--gold);border-radius:4px;color:var(--gold-light)}
.activity-outcome .icon{width:20px;height:20px;vertical-align:middle;margin-right:8px}
#world-scene #minimap{top:8px;left:auto;right:8px;width:104px;height:94px;z-index:5}
#world-scene .world-caption{top:110px;left:auto;right:8px;width:104px;text-align:right;font-size:8px}
#world-scene .world-caption .eyebrow{font-size:8px;letter-spacing:.7px}
@media(min-width:900px){.activity-panels{--activity-width:344px;--activity-drawer-bottom:72px}.activity-title{font-size:16px}.activity-subtitle{font-size:11px}.activity-time{font-size:11px}}
@media(max-height:600px){
 .activity-panels{--activity-drawer-top:8px;--activity-drawer-bottom:8px}
 .activity-group{padding-top:4px}.activity-row{min-height:60px}
 .activity-handle{height:64px;min-height:64px}
 #world-scene #minimap{width:80px;height:72px}
 #world-scene .world-caption{display:none}
 #world-scene .map-controls,.kingdom-scene .kingdom-controls{left:auto;right:8px;bottom:8px;flex-direction:row;gap:4px;translate:none!important}
 #world-scene .nearby-button{left:56px;bottom:8px}
}
@media(max-width:699px){
 .activity-drawer>.activity-handle{top:calc(50% - 24px);transform:translateY(-50%) scale(.7);transform-origin:left center}
 .activity-drawer[data-open="false"]{top:calc(50% - 24px)}
 .activity-drawer[data-open="false"]>.activity-handle{top:50%}
 /* 60% of the previous mobile width; compact artwork without scaling touch targets. */
 .progression-mode .activity-panels{--activity-width:min(198px,calc(60% - 38.4px))}
 .progression-mode .activity-drawer[data-open="true"]{
  &>.activity-panel-body{border-width:5px;border-image-width:5px}
  &>.activity-handle{top:50%;height:48px;min-height:48px;transform:translateY(-50%)}
  &>.activity-handle>span{font-size:26px}
  & .activity-tabs{gap:2px;padding:2px;border-bottom-width:1px}
  & .activity-tabs button{position:relative;min-height:28px;gap:4px;padding:2px;font-size:14px}
  /* Extra hit padding keeps the shorter tabs easier to tap. */
  & .activity-tabs button::before{content:'';position:absolute;inset:-8px 0;background:none;border:0;box-shadow:none;transform:none;pointer-events:auto}
  & .activity-tabs .icon{width:13px;height:13px}
  & .activity-group{padding:5px 2px 2px}
  & .activity-group-heading{gap:4px;margin-bottom:3px;padding-inline:1px;font-size:13px;line-height:1.15}
  & .activity-capacity{font-size:10px}
  & .activity-tab-panel>.activity-group-heading{padding:5px 2px 3px}
  & .activity-tab-panel>.activity-rows{padding:0 2px 2px}
  & .activity-group-heading .icon{width:13px;height:13px}
  & .activity-rows{gap:3px}
  & .activity-row{min-height:44px;gap:4px;padding:4px 2px;border-radius:2px}
  & .activity-art{width:24px;height:26px}
  & .activity-art>.icon{width:18px;height:18px}
  & .activity-art .standard-item-art{width:23px;height:23px}
  & .activity-copy{gap:1px}
  & .activity-title,& .activity-empty-slot .activity-title{font-size:12px;line-height:1.15}
  & .activity-subtitle,& .activity-time{font-size:10px}
  & .activity-arrow{width:18px;height:18px;font-size:16px;box-shadow:inset 0 0 0 1px #d7b06b33}
  & .activity-arrow .icon{width:11px;height:11px}
  & .activity-progress{min-height:14px;border-radius:3px}
  & .activity-time{line-height:1.3}
  & .activity-empty-slot .activity-art{width:21px;height:21px;margin:1px;font-size:16px}
 }
}
@media(forced-colors:active){.activity-panel-body,.activity-row,.activity-tabs button,.activity-arrow,.activity-outcome{background:Canvas;color:CanvasText;border:1px solid CanvasText;border-image:none}.activity-handle{background:Canvas;color:CanvasText;border:1px solid ButtonText}.activity-handle::before,.activity-handle::after{display:none}.activity-progress{background:Canvas;color:CanvasText;border:1px solid CanvasText}.activity-progress>i{background:Highlight}.activity-tabs button[aria-selected="true"]{border:3px solid Highlight}}