/* Shared across player, public React shells and documents before JavaScript. */
/* Generic reading navigation comes before the shared menu roles. Keep both in
 * this file: a lazy identity.css import must never override an open menu. */
.pd-platform-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.pd-navigation-control { min-height: 44px; min-width: 44px; touch-action: manipulation; border-radius: 14px; text-decoration: none; }
.pd-platform-navigation .pd-navigation-control { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 12px; color: #aab4c4; font: 500 13px/1.4 'PD Jakarta Fallback', system-ui, sans-serif; }
.pd-navigation-control > svg { flex: 0 0 auto; }
.pd-platform-navigation .pd-navigation-control:hover, .pd-navigation-control[aria-current="page"] { color: #e5c481; background: rgba(229,196,129,.08); }
.pd-navigation-control:focus-visible { outline: 2px solid #e5c481; outline-offset: 3px; }
.pd-platform-navigation .pd-navigation-control[aria-current="page"] { color: #e5c481; box-shadow: inset 0 -2px #e5c481; }
@media(max-width:359px) { .pd-platform-navigation { gap: 4px; } .pd-platform-navigation .pd-navigation-control { gap: 6px; padding: 10px 8px; font-size: 12px; } }
/* One header pill for the running event (both events stay in the burger
 * menus): keep the shared row/grid and its 44px target unchanged. */
.pd-platform-chrome .pd-header-conversion{gap:6px}
/* Tactile shared wayfinding, no header/dock geometry changes or idle loops. */
@media(prefers-reduced-motion:no-preference){
 .pd-platform-chrome .pd-header-profile,.pd-platform-chrome .pd-header-event,
 .pd-site-header-row .pd-public-menu>summary,.pd-doc-tab{
  transition:background-color 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out;
 }
 .pd-site-header-row .pd-public-menu[open]>.pd-public-menu-panel{
  animation:pd-menu-enter 180ms cubic-bezier(.2,.7,.2,1) both;
 }
 .pd-doc-tab[aria-current=page]::after{animation:pd-tab-settle 220ms ease-out both;transform-origin:center}
 .pd-doc-tab:active,.pd-platform-chrome .pd-header-profile:active,
 .pd-platform-chrome .pd-header-event:active{translate:0 1px}
}
@keyframes pd-menu-enter{from{opacity:.8;translate:0 -6px}to{opacity:1;translate:0 0}}
@keyframes pd-tab-settle{from{scale:.65 1;opacity:.6}to{scale:1;opacity:1}}
@media print{.pd-site-header-row .pd-public-menu[open]>.pd-public-menu-panel,.pd-doc-tab[aria-current=page]::after{animation:none;translate:none;scale:none;opacity:1}}
.pd-platform-chrome .pd-header-events{display:flex;align-items:center;gap:6px;min-width:0}
.pd-platform-chrome .pd-header-event{display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;padding:0 6px;box-sizing:border-box;border:1px solid #d8bd8566;border-radius:10px;color:#d8bd85;font:600 10px/1.2 system-ui,sans-serif;text-decoration:none;white-space:nowrap;touch-action:manipulation}
.pd-platform-chrome .pd-header-event>span:first-child{letter-spacing:.06em}
.pd-platform-chrome .pd-header-event>span:last-child{letter-spacing:.1em;opacity:.72}
.pd-platform-chrome .pd-header-event:hover{background:#d8bd8512}
.pd-site-header-row .pd-public-menu-panel>.pd-public-menu-campaign{display:grid;gap:6px;width:calc(100% - 16px);margin:0 8px 8px;padding:12px;min-height:44px;border:1px solid #d8bd8566;background:#d8bd8512;color:#f8f0dc;text-decoration:none;touch-action:manipulation}
.pd-public-menu-campaign .pd-menu-campaign-kicker{color:#d8bd85;font:500 11px/1.4 system-ui,sans-serif}
.pd-public-menu-campaign strong{font:600 14px/1.4 system-ui,sans-serif}
.pd-public-menu-campaign .pd-menu-campaign-note{color:#beb1c2;font:400 12px/1.5 system-ui,sans-serif}
@media(max-width:639px){
 /* The new shortcut shares the existing wallet cell, not a fifth grid column.
  * Stack the noninteractive clock inside that same 44px wallet footprint. */
 .pd-platform-chrome .pd-header-conversion .pd-header-wallet{position:relative}
 .pd-platform-chrome .pd-header-conversion .pd-header-wallet>a{height:44px;min-height:44px;box-sizing:border-box;padding-bottom:12px}
 .pd-platform-chrome .pd-header-conversion .pd-header-reset{position:absolute;inset-inline:0;bottom:0;min-height:0;height:12px;justify-content:center;pointer-events:none}
 .pd-platform-chrome .pd-header-conversion .pd-header-reset>svg{display:none}
 .pd-platform-chrome .pd-header-conversion .pd-header-reset time{font-size:9px}
 .pd-platform-chrome .pd-header-events{gap:4px}
 .pd-platform-chrome .pd-header-event{padding:0 4px}
}
@media(max-width:479px){
 /* One pill still needs the whole row on a phone: the name alone is the target,
  * the PDF suffix returns as soon as there is room. */
 .pd-platform-chrome .pd-header-event>span:last-child{display:none}}
@media(max-width:389px){.pd-platform-chrome:has(.pd-header-event) .pd-brand-lockup-text{display:none}
 /* The pill and the brand both stay legible on a 320px row. */
 .pd-platform-chrome .pd-header-event{padding:0 3px;border-radius:8px;font-size:9px}}
.pd-site-header-row{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:72px;padding:10px 16px;box-sizing:border-box;color:#f8f0dc}
.pd-site-header-row .pd-header-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:none}
.pd-site-header-row .pd-header-identity>a,.pd-site-header-row .pd-header-identity>button{display:flex;align-items:center;background:none;border:0;padding:0;min-height:44px;text-decoration:none;color:inherit}
.pd-site-header-row .pd-brand-lockup-mark{width:30px;height:30px}
.pd-site-header-row .pd-brand-lockup-wordmark{font-size:12px;line-height:1}
.pd-site-header-row .pd-brand-lockup-meaning{margin-top:3px;font:500 10px/1.2 system-ui,sans-serif;letter-spacing:0}
/* Row order is brand · trailing · menu button. Trailing takes the free space
   (min-width:0 lets it shrink instead of pushing the button off-screen) and the
   button keeps its own width, so the three groups can never overlap. */
.pd-site-header-trailing{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center}
.pd-site-header-row .pd-public-menu{position:relative;flex:none;margin-left:auto;color:#d8bd85}
.pd-header-profile{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;box-sizing:border-box;border:1px solid #f8f0dc26;border-radius:50%;background:#f8f0dc08;color:#d8bd85;text-decoration:none;touch-action:manipulation}
.pd-header-profile:hover{border-color:#d8bd85;background:#d8bd8512}
.pd-header-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.pd-site-header-row .pd-public-menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid transparent;border-radius:12px;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer;list-style:none;box-sizing:border-box}
.pd-site-header-row .pd-public-menu>summary::-webkit-details-marker{display:none}
.pd-header-wallet{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;white-space:nowrap}
.pd-header-wallet>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 4px;box-sizing:border-box;text-decoration:none;color:#e5c481;border-radius:8px}
.pd-header-wallet>a:hover{background:#e5c48112}
.pd-header-wallet strong{font:600 18px/1 system-ui,sans-serif;color:#f8f0dc;font-variant-numeric:tabular-nums}
.pd-header-wallet-label{display:none;font:500 13px/1.4 system-ui,sans-serif;color:#beb1c2}
.pd-header-reset{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid #f8f0dc26;font:500 13px/1.2 system-ui,sans-serif;color:#beb1c2}
.pd-header-reset-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pd-header-reset time{color:#f8f0dc;font:600 13px/1.2 ui-monospace,monospace;font-variant-numeric:tabular-nums}
.pd-header-toast{max-width:1260px;margin:0 auto;padding:8px 16px;font:400 12px/1.5 system-ui,sans-serif;color:#e5c481}
@media(min-width:1024px){.pd-header-wallet{gap:20px}.pd-header-wallet-label{display:inline}.pd-header-reset{padding-left:20px}.pd-header-reset-label{position:static;width:auto;height:auto;clip-path:none;font-size:12px}.pd-header-reset time{font-size:16px}}
@media(max-width:479px){.pd-site-header-row .pd-brand-lockup-wordmark{font-size:11px}.pd-header-wallet{gap:8px}.pd-header-reset{padding-left:8px}}
@media(max-width:359px){.pd-site-header-row .pd-brand-lockup-text{display:none}}
@media(min-width:1024px){.pd-site-header-row .pd-brand-lockup-mark{width:36px;height:36px}.pd-site-header-row .pd-brand-lockup-wordmark{font-size:16px}}
/* Fixed panel: --pd-menu-top is measured from the real header bottom by
   PublicMenu; the calc() is the no-JavaScript fallback for static documents. */
.pd-site-header-row .pd-public-menu-panel{--pd-menu-top-fallback:calc(var(--shell-top,env(safe-area-inset-top,0px)) + 72px);position:fixed;z-index:90;top:var(--pd-menu-top,var(--pd-menu-top-fallback));right:max(16px,var(--shell-right,0px));left:auto;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - var(--pd-menu-top,var(--pd-menu-top-fallback)) - 12px);max-height:calc(100dvh - var(--pd-menu-top,var(--pd-menu-top-fallback)) - var(--pd-menu-bottom,max(12px,var(--shell-bottom,0px))));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 0 8px;border:1px solid #695260;border-radius:18px;background:#1b1224;box-shadow:0 16px 48px #0009;box-sizing:border-box;transform-origin:top right}
/* Title row: its own band (sticky, opaque, divider) with 16px side padding, so
   the group items below never sit against it. */
.pd-site-header-row .pd-site-menu-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin:0 0 8px;padding:4px 8px 4px 20px;border-bottom:1px solid #ffffff1a;background:#1b1224;box-sizing:border-box}
.pd-site-header-row .pd-site-menu-heading>strong{font:600 16px/1.3 system-ui,sans-serif;letter-spacing:0;color:#f8f0dc}
.pd-site-header-row .pd-site-menu-heading>a{display:grid;place-items:center;width:44px;min-height:44px;padding:0;font:24px/1 system-ui,sans-serif;text-decoration:none;color:#f8f0dc}
.pd-site-header-row .pd-platform-navigation,.pd-site-header-row .pd-site-menu-tools{display:grid;gap:4px;padding:0 8px}
.pd-site-header-row .pd-navigation-control,.pd-site-header-row .pd-site-menu-tools>a,.pd-site-header-row .pd-site-menu-tools>button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:none;color:#f8f0dc;text-decoration:none;font:500 14px/1.4 system-ui,sans-serif;text-align:left;box-sizing:border-box;cursor:pointer}
/* Mobile destinations: chest/gifts, then partners/WULOP; the dock is separate. */
@media(max-width:1023px){
 .pd-site-header-row .pd-public-menu-panel>.pd-platform-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pd-site-header-row .pd-public-menu-panel>.pd-platform-navigation>.pd-navigation-control{min-width:0}
 .pd-site-header-row .pd-public-menu-panel>.pd-platform-navigation>.pd-navigation-control>svg{flex:none}
 .pd-site-header-row .pd-public-menu-panel>.pd-platform-navigation>.pd-navigation-control>span{min-width:0;overflow-wrap:anywhere}
}
.pd-site-header-row .pd-site-menu-tools span{margin-left:auto;letter-spacing:0}
.pd-site-header-row .pd-navigation-control[aria-current=page],.pd-site-header-row .pd-site-menu-tools>a:hover,.pd-site-header-row .pd-site-menu-tools>button:hover{background:#d8bd8512;color:#d8bd85;border-color:transparent;box-shadow:none}
/* Group label ("В приложении"): a divider plus 14px of air above it, 6px below. */
.pd-site-header-row .pd-site-menu-label{margin:12px 8px 0;padding:14px 12px 6px;border-top:1px solid #ffffff14;color:#beb1c2;font:500 11px/1.4 system-ui,sans-serif}
.pd-site-header-row .pd-public-menu-event{display:block;margin:8px 8px 0;padding:12px 12px 4px;border-top:1px solid #ffffff14;color:#beb1c2;font:400 11px/1.5 system-ui,sans-serif}
.pd-site-header-row .pd-public-menu-return{display:block;width:calc(100% - 16px);margin:8px 8px 0}
.pd-site-header-row :is(a,button,summary):focus-visible{outline:2px solid #d8bd85;outline-offset:3px}
.pd-document-backrail{margin:8px 16px}
.pd-site-language{display:flex;align-items:center;gap:4px}
.pd-site-language select{max-width:110px;min-height:44px;background:#1b1224;color:#f8f0dc;border:1px solid #695260;border-radius:10px;padding:8px}
.pd-site-language button{min-width:36px;min-height:44px;background:none;color:#d8bd85;border:0}
.pd-offer-folder{position:relative;isolation:isolate;margin-top:16px;border-color:#d8bd8538!important}
.pd-offer-folder::before{content:'';position:absolute;left:16px;top:-12px;width:88px;height:12px;border:1px solid #d8bd8538;border-bottom:0;border-radius:10px 18px 0 0;background:#1b1322}
.pd-offer-folder .pd-offer-card-footer{flex-wrap:wrap}
.pd-offer-folder .pd-offer-variants{flex:1 0 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px;width:100%;margin:0 0 12px}
.pd-offer-folder .pd-offer-variants>a,.pd-offer-folder .pd-offer-variants>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;padding:6px 3px;border:1px solid #d8bd8526;border-radius:10px;background:#d8bd8508;color:#f8f0dc;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer}
.pd-offer-folder .pd-offer-variants strong{font:600 15px/1.2 system-ui,sans-serif}
.pd-offer-folder .pd-offer-variants span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 10px/1.2 system-ui,sans-serif;color:#beb1c2}
.pd-offer-folder .pd-offer-variants :is(a,button):hover{border-color:#d8bd85;background:#d8bd8518}
.pd-offer-folder .pd-offer-variants [data-rarity=mythic]{border-color:#b97f9e66}
.pd-offer-folder>.pd-gift-art,.pd-wulop img.pd-wulop-offer-art{max-height:220px;object-fit:contain;border:0;border-radius:0;background:transparent}
/* Phones: the menu button is icon-only (its name stays in aria-label) and the
   brand text steps aside on the narrowest screens. */
@media(max-width:639px){.pd-site-header-row .pd-public-menu>summary{padding:0}.pd-site-header-row .pd-public-menu>summary>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:389px){.pd-site-header-row{padding-inline:12px}.pd-site-header-row .pd-public-menu-panel{right:max(12px,var(--shell-right,0px));width:min(360px,calc(100vw - 24px))}}
@media(max-width:359px){.pd-site-header-row .pd-header-identity{gap:8px}.pd-site-header-row .pd-brand-lockup-mark{width:28px;height:28px}.pd-site-header-row .pd-brand-lockup-wordmark{font-size:10px}.pd-site-header-row .pd-brand-lockup-meaning{font-size:9px}}

/* ---- Public pages wear the player's chrome ---------------------------------
   Same header row and the same five-tab bar as the app, so a document, the
   catalogue and the chest read as one product. Below 1024px the tabs are the
   bottom dock; above it they are the bar under the header, with the language
   menu as its own element on the right. The language dropdown lives in the burger
   panel on phones. */
/* Floating island dock (phones): one shared reserve for the shell spacer,
   legal-bar offset and the live ticker above it. Desktop keeps the top row. */
:root{--pd-dock-reserve:calc(80px + max(.5rem,var(--shell-bottom,env(safe-area-inset-bottom,0px))))}
.pd-platform-chrome{position:relative;z-index:85;flex:none;padding-top:var(--shell-top,env(safe-area-inset-top,0px));background:#100d17;border-bottom:1px solid #f8f0dc1a;color:#f8f0dc}
.pd-platform-chrome>.pd-site-header-row{max-width:1260px;margin-inline:auto}
.pd-public-shell.pd-doc{padding-top:0}
@media(max-width:1023px){.pd-player-shell{padding-bottom:var(--pd-dock-reserve);box-sizing:border-box}}
.pd-platform-chrome>.pd-site-header-row{padding-left:max(16px,var(--shell-left,0px));padding-right:max(16px,var(--shell-right,0px))}
.pd-partners-public-shell{padding-top:0!important}
.pd-doc-tabs{position:fixed;z-index:85;left:0;right:0;bottom:0;padding:2px max(4px,var(--shell-right,0px)) max(.5rem,var(--shell-bottom,env(safe-area-inset-bottom,0px))) max(4px,var(--shell-left,0px));background:#100d17;border-top:1px solid #f8f0dc1a;box-sizing:border-box}
.pd-doc-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:64px;padding:6px 2px;box-sizing:border-box;border-radius:8px;color:#aab4c4;font:500 12px/1.2 system-ui,sans-serif;text-align:center;text-decoration:none;overflow-wrap:anywhere;touch-action:manipulation}
.pd-doc-tabs-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:640px;margin-inline:auto}
.pd-doc-tab:hover{background:#f8fafc0a;color:#f8fafc}
.pd-doc-tab[aria-current=page]{color:#e5c481;background:#e5c4810d}
.pd-doc-tab[aria-current=page]::after{content:'';position:absolute;left:25%;right:25%;bottom:0;height:2px;border-radius:2px;background:#e5c481}
.pd-doc-tab:focus-visible{outline:2px solid #e5c481;outline-offset:2px}
.pd-doc-tab-badge{position:absolute;top:5px;right:calc(50% - 20px);display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:1px solid #100b16;border-radius:999px;background:#e5c481;color:#100b16;font:700 10px/1 system-ui,sans-serif;pointer-events:none}
/* Keys counter rides in one row with the tab's line icon: monochrome, no
   golden sticker, no duplicated key emoji (owner request). */
.pd-doc-tab-ico-row{display:flex;align-items:center;gap:4px;height:20px}
.pd-doc-tab-count{font:700 11px/1 system-ui,sans-serif;color:inherit;font-variant-numeric:tabular-nums}
/* The cookie notice sits above the island dock, not behind it. */
@media(max-width:1023px){body:has(.pd-doc-tabs) .pd-legal-notice-page{bottom:calc(var(--pd-dock-reserve) + 8px)!important}}
/* The dock hides the last lines of a scrolling document unless it is cleared. */
@media(max-width:1023px){.pd-public-document::after,.pd-wulop::after{content:'';display:block;height:var(--pd-dock-reserve)}}
/* Phones: the dock is a frosted floating island, not a full-bleed bar. */
@media(max-width:1023px){.pd-doc-tabs{position:fixed;z-index:85;left:max(8px,var(--shell-left,0px));right:max(8px,var(--shell-right,0px));bottom:max(.5rem,var(--shell-bottom,env(safe-area-inset-bottom,0px)));padding:4px;border:1px solid #f8f0dc24;border-radius:18px;background:rgba(16,13,23,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px #0008;box-sizing:border-box}}
@media(min-width:1024px){
  .pd-platform-chrome>.pd-site-header-row{padding-left:max(32px,var(--shell-left,0px));padding-right:max(32px,var(--shell-right,0px))}
  .pd-doc-tabs{position:static;padding:0 32px;background:transparent;border-top:1px solid #f8f0dc1a}
  .pd-doc-tabs-items{display:flex;align-items:center;gap:24px;max-width:1260px}
  .pd-doc-tab{flex-direction:row;justify-content:flex-start;gap:12px;padding:16px 8px;min-height:56px;font-size:14px}
  .pd-doc-tab[aria-current=page]::after{left:8px;right:8px}
}

/* Language: collapsed dropdown in the burger (phones); standalone grid retained. */
.pd-site-header-row .pd-menu-lang{display:block;margin:0 8px 8px;padding:0 0 8px;border-bottom:1px solid #ffffff14}
/* Reset old burger styles even when identity.css imports a cached navigation.css. */
.pd-site-header-row .pd-public-menu .pd-menu-lang>summary{justify-content:flex-start;gap:8px;width:100%;padding:0 12px;border:1px solid #695260;color:#d8bd85;font:500 12px/1.4 system-ui,sans-serif;box-sizing:border-box}
.pd-site-header-row .pd-public-menu .pd-menu-lang>summary>span{position:static;flex:1;min-width:0;width:auto;height:auto;clip-path:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-site-header-row .pd-menu-lang>.pd-lang-menu-panel{position:static;min-width:0;margin-top:6px;box-shadow:none}
.pd-site-header-row .pd-menu-lang .pd-site-menu-label{display:flex;align-items:center;gap:6px;margin:0;padding:6px 4px 8px;border-top:0}
.pd-site-header-row .pd-lang-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.pd-site-header-row .pd-lang-chips li{margin:0;padding:0}
.pd-site-header-row .pd-lang-chips a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #695260;border-radius:10px;color:#f8f0dc;font:500 13px/1.3 system-ui,sans-serif;text-decoration:none}
.pd-site-header-row .pd-lang-chips a:hover{border-color:#d8bd85;background:#d8bd8512}
.pd-site-header-row .pd-lang-chips a[aria-current=true]{border-color:#d8bd85;background:#d8bd8518;color:#d8bd85}
@media(min-width:1024px){.pd-site-header-row .pd-menu-lang{display:none}}

/* Language: its own element in the desktop tab bar */
.pd-lang-menu{display:none;position:relative;margin-left:auto}
@media(min-width:1024px){.pd-doc-tabs-items>.pd-lang-menu{display:block}}
.pd-lang-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #695260;border-radius:12px;color:#d8bd85;font:500 12px/1.4 system-ui,sans-serif;cursor:pointer;list-style:none;white-space:nowrap}
.pd-lang-menu>summary::-webkit-details-marker{display:none}
.pd-lang-menu[open]>summary,.pd-lang-menu>summary:hover{background:#d8bd8512;border-color:#d8bd8538}
.pd-lang-menu>summary:focus-visible{outline:2px solid #d8bd85;outline-offset:3px}
.pd-lang-menu-panel{position:absolute;z-index:95;top:calc(100% + 6px);right:0;min-width:200px;padding:6px;border:1px solid #d8bd8538;border-radius:14px;background:#1b1224;box-shadow:0 18px 40px #00000073}
.pd-lang-menu.pd-lang-menu-inline{display:block;max-inline-size:100%;margin:0}
.pd-lang-menu-inline>summary{white-space:normal;overflow-wrap:anywhere}
.pd-lang-menu-inline>summary>svg{flex:none}
.pd-lang-menu-inline>.pd-lang-menu-panel{left:50%;right:auto;transform:translateX(-50%);inline-size:min(240px,calc(100vw - 32px));min-inline-size:0;max-block-size:60vh;max-block-size:min(60dvh,384px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
.pd-lang-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.pd-lang-list li{margin:0;padding:0}
.pd-lang-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;border-radius:10px;color:#f8f0dc;font:500 13px/1.3 system-ui,sans-serif;text-decoration:none}
.pd-lang-list a:hover,.pd-lang-list a[aria-current=true]{background:#d8bd8512;color:#d8bd85}
.pd-lang-list a:focus-visible{outline:2px solid #d8bd85;outline-offset:-2px}
/* Disclosure motion is shared, and remains native/keyboard usable without JS. */
.pd-site-header-row .pd-public-menu>summary:hover,.pd-site-header-row .pd-public-menu[open]>summary{background:#e5c48112;color:#e5c481}
.pd-site-header-row .pd-public-menu-panel{opacity:0;transform:translateY(-4px);transition:opacity .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}
.pd-site-header-row .pd-public-menu[open] .pd-public-menu-panel{opacity:1;transform:translateY(0)}
.pd-site-header-row .pd-public-menu:not([open]) .pd-public-menu-panel{pointer-events:none}
@supports(transition-behavior:allow-discrete){.pd-public-menu::details-content{transition:content-visibility .18s allow-discrete}@starting-style{.pd-site-header-row .pd-public-menu[open] .pd-public-menu-panel{opacity:0;transform:translateY(-4px)}}}
@media(prefers-reduced-motion:reduce){.pd-site-header-row .pd-public-menu-panel,.pd-public-menu::details-content{transition:none;transform:none}@starting-style{.pd-site-header-row .pd-public-menu[open] .pd-public-menu-panel{opacity:1;transform:none}}}
@media(forced-colors:active){.pd-doc-tab[aria-current=page]{color:Highlight}.pd-doc-tab[aria-current=page]::after{background:Highlight}}

/* One shared row: brand · destinations/language · wallet · native menu.
   Tabs retain their sole measurement anchor and become the fixed dock below 1024. */
.pd-site-header-row .pd-brand-lockup-mark { width:38px; height:38px; }
.pd-site-header-row .pd-brand-lockup-wordmark { font-size:16px; }
.pd-site-header-row .pd-brand-lockup-meaning { font-size:11px; }
@media(min-width:1024px) {
 .pd-platform-chrome > .pd-site-header-row { max-width:1440px; gap:16px; padding-inline:max(20px,var(--shell-left,0px)) max(20px,var(--shell-right,0px)); min-height:88px; }
 .pd-site-header-row .pd-brand-lockup-mark { width:48px; height:48px; }
 .pd-site-header-row .pd-brand-lockup-wordmark { font-size:20px; }
 .pd-site-header-row .pd-brand-lockup-meaning { font-size:13px; }
 .pd-doc-tabs { position:static; flex:1 1 0; min-width:0; padding:0; border:0; background:transparent; }
 .pd-doc-tabs-items { display:flex; flex-wrap:nowrap; justify-content:center; gap:4px; width:100%; max-width:none; }
 .pd-doc-tab { flex:1 1 auto; min-width:44px; min-height:52px; justify-content:center; gap:6px; padding:8px 4px; font-size:13px; }
 .pd-doc-tab > svg { flex:none; width:18px; height:18px; }
 .pd-doc-tab > span { min-width:0; white-space:nowrap; }
 .pd-lang-menu { flex:none; margin-left:4px; }
 .pd-lang-menu > summary { min-width:44px; padding-inline:8px; }
 .pd-site-header-trailing { flex:0 1 auto; }
 .pd-site-header-row .pd-public-menu { margin-left:0; }
 .pd-header-wallet { gap:12px; }
 .pd-header-reset { padding-left:12px; }
}
@media(min-width:1024px) and (max-width:1279px) {
 .pd-platform-chrome > .pd-site-header-row { gap:10px; padding-inline:16px; }
 .pd-site-header-row .pd-brand-lockup-mark { width:44px; height:44px; }
 .pd-site-header-row .pd-brand-lockup-wordmark { font-size:18px; }
 .pd-doc-tab { gap:4px; font-size:12px; }
 .pd-header-wallet-label { display:none; }
 .pd-header-reset-label { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
 .pd-header-reset time { font-size:13px; }
 .pd-header-wallet { gap:8px; }
 .pd-header-reset { padding-left:8px; }
 .pd-site-header-row .pd-public-menu > summary { padding:0; }
 .pd-site-header-row .pd-public-menu > summary > span { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
}
@media(max-width:479px) {
 .pd-header-wallet { flex-direction:column; gap:0; }
 .pd-header-reset { padding-left:0; border:0; padding-bottom:4px; }
 .pd-header-reset time { font-size:11px; }
 .pd-site-header-row .pd-brand-lockup-wordmark { font-size:14px; }
}
@media(max-width:359px) {
 .pd-site-header-row .pd-brand-lockup-text { display:flex; }
 .pd-site-header-row .pd-brand-lockup-mark { width:32px; height:32px; }
 .pd-site-header-row .pd-brand-lockup-wordmark { font-size:12px; }
 .pd-site-header-row .pd-brand-lockup-meaning { font-size:10px; }
}