/* Expeditions built exactly like concept A (expedition-table.js). Wide: one painted scene, the crew list on the wall.
   Tall (phone and square laptops): header band, mastery block, map strip, crew rows with pennants. */
html.gv-v2 #panelExpedition:has(> .xt){padding:0!important;background:#0b0608!important}
html.gv-v2 body #gameScreen #gameLayout #mainContent > #panelExpedition.tab-panel.active:not(#panelHome):not(#panelFishing):has(> .xt-wide){overflow:visible!important;overflow-x:clip!important;overflow-y:visible!important}
html.gv-v2 body #gameScreen #gameLayout #mainContent:has(> #panelExpedition.active > .xt-wide){overflow:visible!important;overflow-x:clip!important}
.xt{--gold:#f3cf86;--gold2:#c9a05a;--ink:#f4e8d5;--mute:#bfae93;--good:#8fdc8a;position:relative;color:var(--ink);font-family:var(--font-body,inherit);box-sizing:border-box}
.xt *{box-sizing:border-box}
.xt img{user-select:none;-webkit-user-drag:none}

/* ── wide: the scene ── */
.xt-wide{display:flex;flex-direction:column;gap:10px;height:calc(100dvh - var(--xt-tab,132px));min-height:560px;padding:14px 22px 0}
.xt-scene{position:absolute;inset:0 0 calc(-1 * var(--xt-tab,132px) + 70px) 0;overflow:hidden;z-index:0}
.xt-scene-img,.xt-scene>.xt-layer{position:absolute;left:0;top:0;width:100%;height:100%}
.xt-scene-img{object-fit:fill}
.xt-wide>:not(.xt-scene){position:relative;z-index:1}
.xt-head{display:flex;align-items:center;gap:14px;min-height:46px}
.xt-title-ic{height:34px;width:auto;filter:drop-shadow(0 2px 3px #000c)}
.xt-title{margin:0;font:700 clamp(26px,2.4vw,38px)/1.05 var(--font-display,Georgia,serif);color:var(--gold);text-shadow:0 2px 0 #2a1606,0 0 18px #000,0 0 18px #c9873a33}
.xt-offline{margin-left:auto;color:var(--ink);font-size:16px;text-shadow:0 1px 3px #000}
.xt-help{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:1px solid var(--ink);background:#0b0608aa;color:var(--ink);font:600 17px/1 var(--font-body,inherit);cursor:pointer}
.xt-help:hover{border-color:var(--gold);color:var(--gold)}

.xt-mastery{display:flex;align-items:center;gap:18px;min-height:46px;padding:8px 20px;border:1px solid #c9a05a88;border-radius:6px;background:linear-gradient(180deg,#1c1114e8,#120a0de8);box-shadow:inset 0 1px 0 #f3cf8622,0 6px 18px #0008}
.xt-m-name{font:600 19px/1.2 var(--font-display,Georgia,serif);color:var(--ink);white-space:nowrap}
.xt-m-lvl{font-size:16px;color:var(--ink);white-space:nowrap}
.xt-m-bar{flex:1 1 160px;height:9px;border-radius:5px;background:#2a1d22;overflow:hidden;min-width:100px;box-shadow:inset 0 1px 2px #000}
.xt-m-bar i{display:block;height:100%;background:linear-gradient(90deg,#c9973f,#f6d27c);border-radius:5px}
.xt-m-next{font-size:15px;color:var(--ink);white-space:nowrap}
.xt-m-all{margin-left:6px;padding:4px 2px;border:0;background:none;color:var(--gold);font:500 15px/1.2 var(--font-body,inherit);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.xt-m-all:hover{color:#fff}

/* crew list on the wall (right) */
.xt-wide .xt-crews{align-self:flex-end;width:min(470px,38%);margin-top:22px;display:flex;flex-direction:column;gap:12px}
.xt-crew{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;column-gap:14px;row-gap:10px;padding:12px 16px;border-radius:6px;background:linear-gradient(90deg,#160c10e6,#120a0ccc);border:1px solid #ffffff10;box-shadow:0 8px 20px #0008}
.xt-crew-ic{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}
.xt-crew-name{display:flex;align-items:center;gap:10px;font:600 20px/1.2 var(--font-display,Georgia,serif);color:var(--ink);white-space:nowrap}
.xt-crew-st{display:flex;align-items:center;gap:6px;margin-top:2px;font:500 18px/1.2 var(--font-display,Georgia,serif);color:var(--mute)}
.xt-good{color:var(--good)}
.xt-prem{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border:1px solid #c9a05acc;border-radius:12px;background:#2a180c;font:600 13px/1.4 var(--font-body,inherit);color:var(--gold)}
.xt-prem img{width:14px;height:14px}
.xt-crew-act{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.xt-time{display:flex;align-items:center;gap:10px}
.xt-time img{width:28px;height:28px;object-fit:contain}
.xt-left{font:700 clamp(20px,1.9vw,28px)/1 var(--font-body,inherit);color:var(--ink);white-space:nowrap}
.xt-rws{display:inline-flex;align-items:center;gap:14px}
.xt-rw{display:inline-flex;align-items:center;gap:5px;font-size:15px;color:var(--ink);white-space:nowrap}
.xt-rw img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}
.xt-rw b{font-weight:600}
.xt-wide .xt-st-back>.xt-gold{grid-column:2/4;justify-self:stretch}
.xt-st-locked .xt-crew-ic{opacity:.8}
.xt-st-locked .xt-crew-name{color:var(--mute)}

.xt-btn{min-height:40px;padding:6px 16px;border:1px solid #c9a05a99;border-radius:6px;background:linear-gradient(180deg,#3a2c26,#241a17);color:var(--ink);font:500 16px/1.2 var(--font-body,inherit);cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff14}
.xt-btn:hover{border-color:var(--gold);color:#fff}
.xt-btn:disabled{opacity:.55;cursor:default}
.xt-gold{min-height:46px;border:1px solid #fff2b0;background:linear-gradient(180deg,#ffd86e,#e0a22c 55%,#c98a1c);color:#1e1206;font:700 22px/1.2 var(--font-body,inherit);box-shadow:0 0 18px #f0b84a55,inset 0 1px 0 #fff8}
.xt-gold:hover{color:#000;filter:brightness(1.06)}
.xt-big{min-height:54px;padding:10px 34px;font-size:19px}

/* figurines and the chest glow */
.xt-layer{position:absolute;pointer-events:none}
.xt-layer .xt-dest{pointer-events:auto}
.xt-token{position:absolute;width:clamp(26px,2.6%,54px);transform:translate(-50%,-88%);filter:drop-shadow(0 6px 6px #000c);pointer-events:none;will-change:left,top}
.xt-tall .xt-token{width:4.2%}
.xt-token img{width:100%;display:block}
.xt-token-back{animation:xtGlow 2.4s ease-in-out infinite}
@keyframes xtGlow{50%{filter:drop-shadow(0 0 14px #ffd98a) drop-shadow(0 6px 6px #000c)}}
.xt-chest-glow{position:absolute;width:14%;aspect-ratio:1.4;transform:translate(-50%,-55%);background:radial-gradient(ellipse,#ffcf6e66,transparent 65%);animation:xtChest 2.6s ease-in-out infinite;mix-blend-mode:screen}
@keyframes xtChest{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.xt-token-back,.xt-chest-glow{animation:none}}

/* ── send ── */
.xt-choose{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 70px}
.xt-wide .xt-choose{margin-top:10px}
.xt-choose-h{margin:0;font:700 clamp(30px,3vw,46px)/1.05 var(--font-display,Georgia,serif);color:#ecdcc0;text-shadow:0 2px 6px #000}
.xt-choose-sub{margin:4px 0 0;font:italic 400 clamp(17px,1.5vw,22px)/1.2 var(--font-display,Georgia,serif);color:#d8c7a8;text-shadow:0 1px 4px #000}
.xt-back{order:-1;min-height:36px;padding:2px 0;border:0;background:none;color:var(--mute);font:500 15px/1.2 var(--font-body,inherit);cursor:pointer;text-shadow:0 1px 3px #000}
.xt-back:hover{color:var(--gold)}
.xt-off-top{position:absolute!important;right:22px;top:118px;display:flex;align-items:center;gap:12px;color:var(--ink);font-size:16px;text-shadow:0 1px 3px #000}
.xt-dest{position:absolute;padding:0;border:0;background:none;cursor:pointer;color:var(--ink);font:inherit;text-align:left}
.xt-dest-dot{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#f6d27c;box-shadow:0 0 10px #ffd98a,0 0 2px #000}
.xt-dest-card{position:absolute;left:3.2cqw;top:-2.2cqw;display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap}
.xt-scene .xt-layer,.xt-mapbox .xt-layer{container-type:inline-size}
.xt-flip .xt-dest-card{left:auto;right:3.2cqw;align-items:flex-end}
.xt-ribbon{display:inline-block;padding:5px 30px 6px;border:solid transparent;border-width:0 22px;border-image:url(/v2/art/expedition-table/v2/ribbon.webp) 0 70 fill / 0 22px stretch;margin:0 -22px;font:600 clamp(15px,1.25cqw,24px)/1.25 var(--font-display,Georgia,serif);color:#f3e6cc;text-shadow:0 1px 2px #000}
.xt-picked .xt-ribbon{border-image-source:url(/v2/art/expedition-table/v2/ribbon-on.webp);color:#fff;filter:drop-shadow(0 0 10px #ffcf6eaa)}
.xt-picked .xt-dest-dot{box-shadow:0 0 0 5px #f6d27c55,0 0 18px #ffd98a}
.xt-dest:hover .xt-ribbon{color:#fff}
.xt-dest-time{font:700 clamp(26px,2.6cqw,48px)/1.05 var(--font-body,inherit);color:#fff;text-shadow:0 2px 6px #000,0 0 2px #000}
.xt-dim{font-size:clamp(15px,1.3cqw,20px);font-weight:600;color:var(--mute)}
.xt-dest .xt-rws{gap:12px;text-shadow:0 1px 3px #000}
.xt-dest .xt-rw{font-size:clamp(14px,1.2cqw,20px)}
.xt-dest .xt-rw img{width:clamp(22px,2cqw,34px);height:clamp(22px,2cqw,34px)}
.xt-sep{width:1px;height:26px;background:#f3cf8666}
.xt-cap{font-size:clamp(14px,1.2cqw,20px)}
.xt-dest.xt-locked{cursor:default}
.xt-dest.xt-locked .xt-dest-dot{background:#7d6d58;box-shadow:none}
.xt-dest.xt-locked .xt-dest-card{opacity:.7}

.xt-sendbar{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:10px 6px 14px}
.xt-wide .xt-sendbar{position:absolute!important;left:22px;right:22px;bottom:16px}
.xt-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink);text-shadow:0 1px 3px #000}
.xt-legend .xt-rw{font-size:16px}
.xt-legend .xt-rw img{width:30px;height:30px}
.xt-dotsep{font-style:normal;color:var(--mute)}
.xt-acts{display:flex;align-items:center;gap:22px;margin-left:auto}
.xt-plate{min-height:60px;padding:0 34px;border:solid transparent;border-width:0 26px;border-image:url(/v2/art/expedition-table/v2/btn-dark.webp) 0 90 fill / 0 26px stretch;background:none;color:var(--ink);font:500 20px/60px var(--font-body,inherit);cursor:pointer;white-space:nowrap}
.xt-plate-gold{min-height:76px;padding:0 64px;border-image-source:url(/v2/art/expedition-table/v2/btn-gold.webp);color:#1e1206;font:700 34px/76px var(--font-display,Georgia,serif);filter:drop-shadow(0 0 16px #f0b84a55)}
.xt-plate:hover{filter:brightness(1.12)}
.xt-plate-gold:hover{filter:brightness(1.08) drop-shadow(0 0 20px #f0b84a88)}
.xt-plate:disabled{opacity:.55}

/* ── tall: concept-A-phone ── */
.xt-tall{display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - var(--xt-tab,96px));padding:0 0 calc(var(--xt-tab,96px) + 24px);background:#0b0608}
.xt-band{display:flex;align-items:center;justify-content:center;aspect-ratio:1080/260;max-height:170px;background:url(/v2/art/expedition-table/v2/phone-header.webp) center/cover no-repeat}
.xt-band .xt-head{justify-content:center}
.xt-band .xt-title{display:flex;align-items:center;gap:16px;font-size:clamp(28px,7vw,44px);color:#f0d9a8}
.xt-band .xt-title:before,.xt-band .xt-title:after{content:'';width:clamp(24px,8vw,60px);height:1px;background:linear-gradient(90deg,transparent,#f3cf86)}
.xt-band .xt-title:after{background:linear-gradient(90deg,#f3cf86,transparent)}
.xt-tall .xt-mastery{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;margin:0 14px;padding:10px 4px 12px;border:0;border-bottom:1px solid #c9a05a55;border-radius:0;background:none;box-shadow:none}
.xt-tall .xt-m-name{font-size:20px}
.xt-tall .xt-m-lvl{text-align:right;font-size:16px}
.xt-tall .xt-m-bar{grid-column:1/2;height:10px}
.xt-tall .xt-m-all{grid-column:2;grid-row:2;margin:0}
.xt-tall .xt-m-next{grid-column:1/3;font-size:15px}
.xt-mapbox{position:relative;width:100%;overflow:hidden}
.xt-map-img,.xt-mapbox>.xt-layer{position:absolute;inset:0;width:100%;height:100%}
.xt-tall .xt-crews{display:flex;flex-direction:column;gap:8px;padding:0 14px}
.xt-tall .xt-crew{grid-template-columns:88px minmax(0,1fr) auto;min-height:86px;padding:0 14px 0 0;border:0;border-top:1px solid #c9a05a44;border-bottom:1px solid #c9a05a22;border-radius:0;background-color:#140a10;background-position:right center;background-size:auto 100%;background-repeat:no-repeat;box-shadow:none}
.xt-pennant{align-self:start;display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin-left:6px;padding:4px 6px 20px;background:url(/v2/art/expedition-table/v2/pennant.webp) center top/100% 100% no-repeat;font:600 14px/1.1 var(--font-display,Georgia,serif);color:#f0e0c4;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 2px #000}
.xt-tall .xt-crew-st{font:500 17px/1.2 var(--font-body,inherit);color:var(--ink)}
.xt-tall .xt-st-back .xt-crew-st,.xt-tall .xt-st-ready .xt-crew-st{color:var(--ink)}
.xt-tall .xt-left{display:block;margin-top:2px;font-size:24px}
.xt-tall .xt-st-ready .xt-crew-who .xt-crew-st{font-size:22px;font-weight:600}
.xt-tall .xt-crew-who .xt-prem{margin-bottom:2px;padding:0;border:0;background:none;font-size:15px}
.xt-tall .xt-rws{margin-top:6px;gap:10px}
.xt-tall .xt-rw img{width:30px;height:30px}
.xt-tall .xt-gold{min-height:44px;padding:4px 22px;font-size:20px}
.xt-tall .xt-btn:not(.xt-gold){min-height:36px;font-size:14px;padding:4px 12px}
.xt-lock-ic{width:22px;height:22px;object-fit:contain}
.xt-foot{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0;color:var(--mute);font-size:15px}
.xt-tall .xt-choose{padding:0 16px}
.xt-tall .xt-sendbar{padding:6px 14px 10px}
.xt-tall .xt-legend{display:none}
.xt-tall .xt-acts{width:100%;justify-content:center;gap:14px}
.xt-tall .xt-plate-gold{font-size:28px}
/* tall send on a laptop: ribbons sit on the portrait map */
.xt-tall .xt-mapbox .xt-dest-card{left:4cqw;bottom:-2cqw}
.xt-tall .xt-mapbox .xt-ribbon{font-size:clamp(13px,2.4cqw,20px)}
.xt-tall .xt-mapbox .xt-dest-time{font-size:clamp(20px,4.4cqw,36px)}
.xt-tall .xt-mapbox .xt-rw{font-size:clamp(12px,2.2cqw,17px)}
.xt-tall .xt-mapbox .xt-rw img{width:clamp(18px,3.4cqw,28px);height:clamp(18px,3.4cqw,28px)}
/* phone send: dots on the map, ribbons in a list */
.xt-destlist{display:flex;flex-direction:column;gap:10px;padding:0 14px}
.xt-destrow{padding:10px 12px;border:1px solid #c9a05a33;border-radius:6px;background:#140a10;text-align:left;cursor:pointer;font:inherit;color:inherit}
.xt-destrow .xt-dest-card{position:static}
.xt-destrow .xt-ribbon{font-size:16px}
.xt-destrow .xt-dest-time{font-size:28px}
.xt-destrow.xt-picked{border-color:#f3cf86;box-shadow:0 0 16px #f0b84a44}
.xt-destrow.xt-locked{opacity:.6;cursor:default}
@media (max-width:700px){
  .xt-tall{padding-bottom:110px}
  .xt-tall .xt-crew{grid-template-columns:80px minmax(0,1fr) auto}
  .xt-pennant{width:70px;height:76px;font-size:14px}
  .xt-tall .xt-left{font-size:21px}
  .xt-plate{font-size:16px;padding:0 18px}
  .xt-tall .xt-plate-gold{padding:0 44px}
}

.xt-guide{position:absolute!important;right:22px;top:70px;z-index:5!important;max-width:420px;padding:16px 18px;border-radius:10px;background:#140b12f2;border:1px solid #c9a05a66;box-shadow:0 18px 50px #000c;font-size:15px;line-height:1.5;color:var(--ink)}
.xt-guide[hidden]{display:none}
.xt-guide p{margin:0 0 8px}

/* ── windows: Scout Mastery A and Rewards A (Mark 11.11). Dark plate, one thin gold line, only the content glows. */
.xtw-back{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#05030899;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:xtwIn .18s ease-out}
.xtw{--gold:#f3cf86;--ink:#f4e8d5;--mute:#bfae93;position:relative;display:flex;flex-direction:column;align-items:center;width:min(820px,100%);max-height:calc(100dvh - 32px);padding:22px 30px 26px;box-sizing:border-box;border:1px solid #c9a05a88;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#2a1a14 0%,#160d10 55%,#0f080c 100%);box-shadow:0 30px 80px #000d,inset 0 1px 0 #f3cf8622;color:var(--ink);text-align:center;font-family:var(--font-body,inherit);animation:xtwPop .22s cubic-bezier(.2,.8,.3,1)}
@keyframes xtwIn{from{opacity:0}}
@keyframes xtwPop{from{opacity:0;transform:translateY(10px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.xtw,.xtw-back{animation:none}}
.xtw-x{position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;background:none;color:var(--gold);font-size:26px;line-height:1;cursor:pointer;opacity:.8}
.xtw-x:hover{opacity:1}
.xtw-title{margin:0;font:700 clamp(26px,3.4vw,40px)/1.1 var(--font-display,Georgia,serif);color:var(--gold);letter-spacing:.02em;text-shadow:0 2px 0 #2a1606,0 0 18px #c9873a33}
.xtw-big{margin-top:6px;font:700 clamp(40px,6vw,64px)/1 var(--font-display,Georgia,serif);color:#f6d995;text-shadow:0 2px 0 #2a1606,0 0 26px #f0b84a44}
.xtw-bar{position:relative;width:min(480px,100%);height:30px;margin-top:14px;border:1px solid #c9a05a99;border-radius:16px;background:#1c1214;overflow:hidden}
.xtw-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#f6d27c,#c4903c);border-radius:16px 0 0 16px;box-shadow:0 0 14px #f0b84a66}
.xtw-bar span{position:relative;font:600 15px/30px var(--font-body,inherit);color:var(--ink);text-shadow:0 1px 2px #000}
.xtw-sub{margin:10px 0 0;font-size:16px;color:var(--mute)}
.xtw-rule{display:flex;align-items:center;gap:14px;width:100%;margin:14px 0 4px;color:var(--ink);font-size:16px}
.xtw-rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#c9a05a99,transparent)}
.xtw-rule span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.xtw-scroll{width:100%;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#6b5536 transparent;padding:6px 0 2px}
.xtw-road{position:relative;width:100%}
.xtw-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.xtw-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.xtw-road-edge{stroke:#120a08;stroke-width:46;opacity:.9}
.xtw-road-bed{stroke-width:34;opacity:.85}
.xtw-road-lit{stroke:#f0c46a;stroke-width:10;opacity:.75;filter:drop-shadow(0 0 8px #ffcf6e)}
.xtw-stone{position:absolute;transform:translate(-50%,-38%);aspect-ratio:320/200}
.xtw-ped{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.xtw-perk{position:absolute;left:50%;bottom:48%;width:72%;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 4px 4px #000a)}
.xtw-num{position:absolute;left:0;right:0;bottom:12%;font:700 clamp(15px,2.2vw,24px)/1 var(--font-display,Georgia,serif);color:#e9dcc4;text-shadow:0 1px 2px #000}
.xtw-num b{margin-left:5px;color:#f3cf86;font-family:var(--font-body,inherit)}
.xtw-got .xtw-num{color:#f6d995}
.xtw-next .xtw-ped{filter:brightness(.8)}
.xtw-next .xtw-num{color:#fff}
.xtw-stone.xtw-next:after{content:'';position:absolute;left:18%;right:18%;bottom:4%;height:2px;background:#f3cf86;box-shadow:0 0 10px #ffcf6e}
.xtw-later .xtw-perk{filter:grayscale(.55) brightness(.62) drop-shadow(0 4px 4px #000a)}
.xtw-later .xtw-num{color:#9d8f7b}
.xtw-scout{position:absolute;transform:translate(-50%,-84%);filter:drop-shadow(0 0 12px #f0b84a88) drop-shadow(0 6px 6px #000c);pointer-events:none}

.xtw-reward{width:min(860px,100%)}
.xtw-chest{position:relative;width:min(340px,70%);margin:4px 0 2px}
.xtw-chest img{display:block;width:100%;filter:drop-shadow(0 18px 24px #000c)}
.xtw-chest:before{content:'';position:absolute;left:15%;right:15%;top:5%;bottom:30%;background:radial-gradient(ellipse at 50% 70%,#ffcf6e55,transparent 70%);filter:blur(10px)}
.xtw-legendary .xtw-chest:before{background:radial-gradient(ellipse at 50% 70%,#ff9a2a88,transparent 70%)}
.xtw-mythic .xtw-chest:before{background:radial-gradient(ellipse at 50% 70%,#ff44aa88,transparent 70%)}
.xtw-warn{margin:4px 0 6px;color:#ff9f8f;font-size:15px}
.xtw-rws{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;margin-top:8px}
.xtw-rw{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1 140px;max-width:200px;padding:6px 14px;border-left:1px solid #c9a05a33}
.xtw-rw:first-child{border-left:0}
.xtw-rw-ic{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 8px #000b)}
.xtw-rw-name{font-size:15px;color:var(--ink);line-height:1.25}
.xtw-rw-n{font:700 26px/1.1 var(--font-body,inherit);color:#fff}
.xtw-rw-item{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px}
.xtw-rw-item img{max-width:100%;max-height:100%}
.xtw-rar{font-weight:700;font-size:15px}
.xtw-ilvl{font-size:13px;color:var(--mute)}
.xtw-r-common .xtw-rar{color:#c8c8c8}.xtw-r-uncommon .xtw-rar{color:#5dd166}.xtw-r-rare .xtw-rar{color:#5fb2ff}.xtw-r-epic .xtw-rar{color:#c76cff}.xtw-r-legendary .xtw-rar{color:#ff9a2a}.xtw-r-mythic .xtw-rar{color:#ff5cb8}
.xtw-r-legendary .xtw-rw-item{filter:drop-shadow(0 0 14px #ff9a2a99)}.xtw-r-mythic .xtw-rw-item{filter:drop-shadow(0 0 16px #ff44aaaa)}
.xtw-mxp{margin-top:12px;font:600 20px/1.2 var(--font-body,inherit)}
.xtw-mxp img{width:40px;height:40px;object-fit:contain}
.xtw-up{margin-top:2px;font:700 18px/1.3 var(--font-display,Georgia,serif);color:#f6d995;text-shadow:0 0 14px #f0b84a66}
.xtw-acts{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:18px;width:100%}
.xtw-acts .xt-btn{min-width:200px}
@media (max-width:560px){
  .xtw{padding:18px 14px 18px}
  .xtw-x{right:2px;top:2px}
  .xtw-mastery .xtw-title{font-size:24px;padding:0 34px}
  .xtw-rule{font-size:14px}.xtw-rule span{white-space:normal}
  .xtw-rw{flex-basis:30%;padding:4px 6px}.xtw-rw-ic,.xtw-rw-item{width:56px;height:56px}.xtw-rw-n{font-size:20px}.xtw-rw-name{font-size:13px}
  .xtw-rw:nth-child(4){border-left:0}
  .xtw-acts .xt-btn{flex:1 1 100%;min-width:0}
}

/* Mastery: tap a stone for its reward, and the list of every level's reward (Mark 11.11: "brakuje opisu jakie nagrody daje kazdy poziom") */
.xtw-pair{display:flex;align-items:flex-start;justify-content:center;max-width:100%;max-height:calc(100dvh - 32px)}
.xtw-pair>.xtw{max-height:none}
.xtw-stone{cursor:pointer}
.xtw-stone:focus-visible{outline:2px solid #f3cf86;outline-offset:4px;border-radius:8px}
.xtw-stone.xtw-pick .xtw-ped{filter:drop-shadow(0 0 12px #ffcf6e)}
.xtw-stone.xtw-pick .xtw-num{color:#fff}
.xtw-tog{align-self:center;margin:2px 0 4px;min-height:40px;padding:6px 16px;border:1px solid #c9a05a66;border-radius:20px;background:#1a1014;color:var(--gold);font:600 14px/1.2 var(--font-body,inherit);cursor:pointer}
.xtw-tog:hover{border-color:var(--gold);color:#fff}
.xtw-tog[aria-expanded=true]{background:#2a1a12}
.xtw-list{display:flex;flex-direction:column;gap:2px;width:430px;padding:20px 18px;box-sizing:border-box;overflow:auto;scrollbar-width:thin;scrollbar-color:#6b5536 transparent;border:1px solid #c9a05a88;border-left:0;border-radius:0 14px 14px 0;background:linear-gradient(180deg,#1d1214,#120a0e);color:var(--ink,#f4e8d5);text-align:left;box-shadow:0 30px 80px #000d;animation:xtwSlide .22s ease-out}
.xtw-list[hidden]{display:none}
@keyframes xtwSlide{from{opacity:0;transform:translateX(-14px)}}
.xtw-open>.xtw{border-radius:14px 0 0 14px}
.xtw-list-h{margin:0 0 10px;font:700 20px/1.2 var(--font-display,Georgia,serif);color:#f3cf86;text-align:center}
.xtw-li{display:grid;grid-template-columns:36px max-content minmax(0,1fr) 18px;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:15px}
.xtw-li-ic{width:34px;height:34px;object-fit:contain}
.xtw-li-l{white-space:nowrap;font:600 15px/1.2 var(--font-display,Georgia,serif);color:#e9dcc4}
.xtw-li-p{color:var(--ink,#f4e8d5);line-height:1.25}
.xtw-li-ok{color:#f3cf86}
.xtw-li.xtw-got .xtw-li-l{color:#f6d995}
.xtw-li.xtw-next{background:#2a1a12;box-shadow:inset 2px 0 0 #f3cf86}
.xtw-li.xtw-later{opacity:.62}
.xtw-li.xtw-later .xtw-li-ic{filter:grayscale(.5)}
/* inside the window (narrow screens) the list takes the road's place */
.xtw>.xtw-list{width:100%;border:0;border-radius:0;background:none;box-shadow:none;padding:6px 0 0;animation:none;min-height:0}
@media (max-width:560px){.xtw-li{grid-template-columns:30px 78px minmax(0,1fr) 16px;font-size:14px}.xtw-li-ic{width:28px;height:28px}}
@media (prefers-reduced-motion:reduce){.xtw-list{animation:none}}

.xtw>*{flex-shrink:0}
.xtw>.xtw-scroll,.xtw>.xtw-list{flex-shrink:1;min-height:0;overflow:auto}
@media (max-width:560px){.xtw-li{grid-template-columns:30px max-content minmax(0,1fr) 16px}}

.xt-wide[data-mode=send] .xt-scene{top:56px}
.xt-tall .xt-crew{grid-template-columns:96px minmax(0,1fr) auto}
.xt-tall .xt-destlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
@media (max-width:700px){.xt-tall .xt-m-name{font-size:17px;white-space:normal}.xt-tall .xt-m-all{font-size:14px}.xt-tall .xt-crew{grid-template-columns:88px minmax(0,1fr) auto}.xt-tall .xt-destlist{grid-template-columns:1fr}}
.xt-wide{background:#0b0608}
.xt-destrow .xt-rws{flex-wrap:wrap;row-gap:4px}
.xt-tall .xt-dest-dot{width:16px;height:16px;margin:-8px 0 0 -8px}
.xt-destrow .xt-ribbon{margin-left:0}
.xt-crew-who{min-width:0}
.xt-wide .xt-crew-name{flex-wrap:wrap;row-gap:2px}
/* HOTFIX 11.11 (tester could not pick Forest Scouting: "Choose destination" sat over the pin): the heading lets
   clicks through to the map; only the back button keeps them */
.xt-choose,.xt-head,.xt-band{pointer-events:none}
.xt-choose .xt-back,.xt-head button,.xt-band button,.xt-band a,.xt-head a{pointer-events:auto}

/* 12.11.2026: recall a travelling crew; quieter than the gold actions, small enough for a phone row */
.xt-recall{flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid #c9a05a66;border-radius:50%;background:#1a120fd9;color:#d8c6b0;font:600 15px/1 var(--font-body,inherit);cursor:pointer;box-shadow:inset 0 1px 0 #ffffff14}
.xt-recall:hover:not(:disabled){color:#fff;border-color:#e0b86a;background:#3a1d18}
.xt-crew .xt-crew-act .xt-recall{margin-left:auto}
/* wide rows have no spare width (the timer already crowds "Travelling"): the ✕ sits on the row's corner like a close badge */
.xt-wide .xt-crew .xt-crew-act .xt-recall{position:absolute;top:-9px;right:-9px;width:26px;height:26px;font-size:12px;margin:0;z-index:2;box-shadow:0 2px 6px #000c}
/* phones: keep the ✕ clear of the chat handle on the right edge */
@media (max-width:700px){.xt-tall .xt-recall{margin-right:12px}}