/* A destination replaces the town with its interior. Only details and
   confirmations use dialogs; the room itself has no overlay or outer card. */
.venue-screen{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:#251c15;--venue-focus:50%;--venue-top:calc(70px + env(safe-area-inset-top));--venue-header:60px;--venue-ink:#fff1d7;--venue-muted:#e3d3b9;--venue-surface:#281b12dc}
.venue-background,.venue-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.venue-background{object-fit:cover;object-position:var(--venue-focus) center;z-index:-3}
.venue-light{z-index:-2;background:linear-gradient(180deg,#160b0480,transparent 27%,#120e0955 55%,#120e09b8)}
.venue-weapons{--venue-focus:29%}.venue-armor{--venue-focus:66%}.venue-magic{--venue-focus:76%;--venue-surface:#211c30dc}.venue-training{--venue-focus:34%}.venue-cups{--venue-focus:70%}.venue-tavern{--venue-focus:62%}
.venue-heading{position:absolute;top:var(--venue-top);left:var(--scene-edge);right:var(--scene-right);height:var(--venue-header);display:flex;align-items:center;gap:13px;color:var(--venue-ink);text-shadow:var(--scene-shadow);z-index:5}
.venue-heading>div{flex:1;min-width:0}
.venue-heading small{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#ffe2a3}
.venue-heading h1{font:600 20px/1.2 var(--display);margin:3px 0;overflow-wrap:anywhere}
#venue-title:focus{outline:none}
.venue-back{min-height:46px;display:flex;align-items:center;gap:7px;padding:8px 12px;color:#ffe7b5;background:#2b1a0e4d;border:1px solid #ffe4af77;border-radius:8px;font-size:12px;font-weight:700;text-shadow:var(--scene-shadow);flex-shrink:0}
.venue-back>.icon{width:19px;height:19px}
.venue-symbol{display:grid;place-items:center;width:32px;color:#ffe0a1;filter:drop-shadow(0 2px 3px #100b08)}
.mobile-app.map-app #main.venue-scroll{position:absolute;inset:calc(var(--venue-top) + var(--venue-header)) 0 0;height:auto;min-height:0;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ebc88770 transparent;scroll-padding-block:12px;-webkit-overflow-scrolling:touch;padding:0 var(--scene-right) calc(24px + env(safe-area-inset-bottom)) var(--scene-edge)}
.venue-layout{max-width:1320px;margin:0 auto}
.venue-intro{position:relative;height:clamp(155px,23dvh,225px);display:flex;align-items:end;gap:8px;color:var(--venue-ink);text-shadow:var(--scene-shadow);padding-bottom:18px}
.venue-character{width:clamp(126px,39vw,185px);aspect-ratio:1;flex-shrink:0;filter:drop-shadow(0 5px 4px #21140655)}
.venue-greeting{max-width:280px;padding:0 4px 12px 0;line-height:1.4}
.venue-greeting>span{font-size:10px;color:#ffe3ac;font-weight:700}
.venue-greeting>p{font-size:12px;line-height:1.5;margin:5px 0 0}
.venue-content{position:relative;min-width:0;color:var(--venue-ink);--text:#fff1db;--muted:var(--venue-muted);--line:#eac58836;--panel:var(--venue-surface);text-shadow:0 1px 2px #120d08}
.venue-content .panel{background:var(--venue-surface);border:1px solid #eac58836;box-shadow:none}
.venue-content :is(.game-dropdown,.town-tabs,.fighter-tabs,.shop-tabs){background:#281b13e0;border-color:#eac58855}
.venue-content .game-dropdown>select{color:#fff1d7}
.venue-content .game-dropdown>select option{background:#2e1f15;color:#fff1d7}
.venue-content :is(.secondary,.segmented-control>button,.arena-destinations>button){background:#281b13d6;border-color:#eac5884d;color:#ffe5b2}
.venue-content :is(.notice,.difficulty-note,.trial-route,.chronicle-online-link){background:#281b12d9;border-radius:8px;padding:12px;color:#f7e5c7}
.venue-content .primary{text-shadow:none}
.venue-content .section-heading{min-height:0;margin:0 0 12px}
.venue-content .section-heading>div:first-child{display:none}
.venue-content .section-heading:not(:has(.chapter-tag,.online-account)){display:none}
.venue-content .chapter-tag{background:#281b13c9;color:#ffebc7;font-size:12px}
.venue-content .game-screen-bar{margin:0 0 12px;max-width:none}
.venue-content .game-screen-bar .screen-shortcut{display:none}
.venue-content .town-tabs{margin:0 0 14px}
.venue-content .shop-banner,.venue-content .shop-modes,.venue-content .shop-tabs{display:none}
.venue-content .shop-dropdowns{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 12px}
.venue-content .shop-dropdowns>.game-dropdown{display:block;max-width:none;width:100%}
.venue-content .shop-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.venue-content .item-card{border-radius:12px;padding:16px 12px;background:linear-gradient(140deg,#3d2819da,#28180ded)}
.venue-content .item-card.equipped{border-color:#eed597a3}
.venue-content .item-card h2{color:#ffeed3}
.venue-content .shop-item-art{background:radial-gradient(ellipse,#d3b06b24,transparent 70%)}
.venue-content .fighter-layout{display:block}
.venue-content .fighter-showcase{min-height:0;padding:10px 13px;margin:0 0 14px;text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:10px;row-gap:6px}
.venue-content .fighter-showcase .fighter-art,.venue-content .fighter-showcase>p,.venue-content .fighter-showcase>.perk{display:none}
.venue-content .fighter-showcase h2{display:none}
.venue-content .fighter-showcase .color-options{margin:0;gap:9px}
.venue-content .fighter-showcase>.text-button{padding:0;margin:0}
.venue-content .fighter-showcase .color-swatch{width:32px;height:32px}
.venue-content .arena-layout{display:block}
.venue-content .arena-layout>.character-panel,.venue-content .arena-layout>.campaign-panel{display:none}
.venue-content .arena-main{border-color:#d2b36c66;border-radius:12px;background:transparent;box-shadow:none}
.venue-content .arena-controls{background:var(--venue-surface)}
.venue-content .arena-scene.in-battle{position:relative!important;top:auto!important;z-index:auto!important}
.venue-content .online-layout{grid-template-columns:1fr}
.venue-content .online-account{margin-left:auto}
.venue-content .leaderboard-me,.venue-content .podium-place{background:var(--venue-surface)}
.venue-content .tavern-panel{background:var(--venue-surface);padding:22px 18px}
.venue-content .tavern-panel>.eyebrow,.venue-content .tavern-panel>h2,.venue-content .tavern-panel>p{display:none}
.venue-content .contract-board article,.venue-content .active-contract{background:#20130a99;border-color:#eac58836}
.venue-content .tavern-story{color:#efdec2}
.venue-combat .venue-layout{max-width:850px}
.venue-combat .venue-content{padding-top:8px}
.venue-open .scene-vitals,.venue-open .scene-experience{display:none}
.venue-open .scene-profile{max-width:calc(100% - 172px)}
.mobile-app.map-app.venue-open .scene-status .gold-wallet{top:calc(var(--scene-top) + 10px);right:calc(var(--scene-right) + 62px);max-width:96px}
.venue-open .scene-status .gold-wallet b{font-size:13px}
.venue-open .scene-status .gold-wallet .icon{width:16px;height:16px}
.screen-armory .venue-content>.section-heading,.screen-fighter .venue-content>.section-heading{display:none}
/* The short entrance animation occupies the same whole scene as the venue. */
.travel-dialog.inside{padding:0;overflow:hidden}
.travel-dialog.inside .arrival-card{position:relative;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;background:#251c15;display:block}
.travel-dialog.inside .arrival-stage{position:absolute;inset:0;height:100%;min-height:0}
.travel-dialog.inside .arrival-caption{position:absolute;bottom:0;left:0;right:0;padding:70px max(20px,env(safe-area-inset-left)) calc(22px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#1c1008f0);z-index:2}
.travel-dialog.inside .arrival-progress{position:absolute;bottom:0;left:0;right:0;z-index:3}
.travel-dialog.inside .arrival-heading{top:calc(28px + env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left))}
.travel-dialog.inside .arrival-walker{bottom:26%;max-width:280px}
@media(min-width:1000px) and (min-height:600px){
 .venue-screen{--venue-top:calc(83px + env(safe-area-inset-top));--venue-header:64px}
 .venue-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:50px;align-items:start}
 .venue-intro{position:sticky;top:0;height:calc(100dvh - 190px);max-height:730px;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 16px 65px}
 .venue-character{width:min(31vw,330px);order:2}
 .venue-greeting{margin-bottom:28px;text-align:center;max-width:320px;padding:0}
 .venue-greeting>span{font-size:13px}.venue-greeting>p{font-size:17px}
 .venue-content{padding-top:26px}
 .venue-combat .venue-layout{display:block;max-width:900px}
 .venue-heading h1{font-size:25px}
}
@media(max-width:600px){
 .venue-content .game-dropdown{padding-left:10px;padding-right:27px}
 .venue-content .game-dropdown>select{font-size:12px}
 .venue-content .arena-scene.in-battle{height:280px}
 .venue-content .arena-destinations{gap:6px;flex-wrap:wrap}
 .venue-content .arena-destinations>button{font-size:11px;padding:8px;flex:1;gap:5px}
 .venue-content .tavern-panel>h2{font-size:21px}
 .venue-heading{gap:10px}.venue-heading h1{font-size:18px}
 .venue-symbol{display:none}
}
@media(max-width:360px){
 .venue-screen{--venue-top:calc(62px + env(safe-area-inset-top));--venue-header:57px}
 .venue-heading h1{font-size:16px}.venue-back{padding:8px;gap:5px}
 .venue-open .scene-profile{max-width:calc(100% - 162px)}
 .venue-open .scene-profile .app-avatar{display:none}
 .venue-intro{height:155px}.venue-character{width:124px}
 .venue-greeting>p{font-size:11px}.venue-greeting>span{font-size:9px}
 .venue-content .item-card{padding:12px 9px}
}
@media(max-height:599px) and (min-width:600px){
 .venue-screen{--venue-top:calc(54px + env(safe-area-inset-top));--venue-header:48px}
 .venue-layout{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:18px;align-items:start}
 .venue-intro{position:sticky;top:0;height:calc(100dvh - 125px);min-height:180px;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:0;gap:0}
 .venue-character{width:150px;order:2}.venue-greeting{padding:0;text-align:center}.venue-greeting>p{font-size:10px}.venue-greeting>span{font-size:9px}
 .venue-heading h1{font-size:18px}.venue-heading small{display:none}
 .venue-content{padding-top:8px}
 .venue-combat .venue-layout{display:block;max-width:780px}
 .venue-content .arena-scene.in-battle{height:240px}
 .travel-dialog.inside .arrival-caption{left:50%;top:0;padding-top:20px;justify-content:center;background:linear-gradient(90deg,transparent,#1c1008e6)}
 .travel-dialog.inside .arrival-walker{bottom:12%;width:180px}
 .travel-dialog.inside .arrival-heading{max-width:45%}
}
html[data-motion="off"] .venue-screen,html[data-motion="off"] .venue-background{animation:none}

/* The tier picker keeps the expanded armory usable on a phone. */
.equipment-tier{margin:12px 0 6px;max-width:100%;width:100%}
.gear-progression{margin:6px 0 14px;color:#dfd3b9;font-size:12px;line-height:1.5}