/* The board keeps its five original slots and one fixed envelope. */
body.pk-app #app .pb-board.ob-board{position:relative;isolation:isolate;align-items:start}
body.pk-app #app .pb-board.ob-board .ob-flop{grid-column:span 3;grid-row:1;position:relative;overflow:visible;min-height:0}
body.pk-app #app .pb-board.ob-board .ob-flop-cards{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pb-gap);perspective:1100px}
body.pk-app #app .pb-board.ob-board .fc-card[data-board-card]{padding:0;display:block;position:relative;aspect-ratio:2/3;height:auto;min-height:0;overflow:visible;border:0;border-radius:8px;background:none;box-shadow:none;transform:none!important;perspective:1000px;color:var(--fc-paper);font:inherit;cursor:pointer}
body.pk-app #app .pb-board.ob-board .ob-rotor{position:absolute;inset:0;display:block;transform-style:preserve-3d;pointer-events:none;transform-origin:center center}
body.pk-app #app .pb-board.ob-board .ob-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:12px 7px 19%;border-radius:8px;border:1px solid #b3915a99;background:#281c13;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 8px 16px #0005}
body.pk-app #app .pb-board.ob-board .ob-face:before{content:'';position:absolute;inset:5px;border:1px solid #b3915a32;border-radius:4px;pointer-events:none}
body.pk-app #app .pb-board.ob-board .ob-face>strong{position:relative;font:500 clamp(12px,1.2vw,17px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.025em;text-align:center}
body.pk-app #app .pb-board.ob-board .ob-face>small{position:relative;font:400 clamp(8px,.8vw,10px)/1.4 Manrope,Arial,sans-serif;color:#d1bfa2;text-align:center}
body.pk-app #app .pb-board.ob-board .ob-map-face{transform:rotateY(180deg);justify-content:flex-end;padding:9px 7px 10%;gap:6px;background-image:linear-gradient(0deg,#0d0b09fa,transparent 85%),url('./assets/compact-regional-atlas-v1.png');background-size:100% 100%,var(--ob-flop-width,500px) 100%;background-position:center,calc(-1 * var(--ob-left,0px)) center;background-repeat:no-repeat}
body.pk-app #app .pb-board.ob-board .ob-map-label{font:500 clamp(12px,1.2vw,17px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.025em;text-align:center;color:#f6e8cb}
body.pk-app #app .pb-board.ob-board .ob-country-detail{font:400 10px/1.4 Manrope,Arial,sans-serif;text-align:center;color:#d9c6a7;max-width:100%}
body.pk-app #app .pb-board.ob-board .ob-map-action{display:flex;align-items:center;gap:4px;font:600 10px/1.4 Manrope,Arial,sans-serif;color:#f4cf90}
body.pk-app #app .pb-board.ob-board .ob-map-action svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
body.pk-app #app .pb-board.ob-board .ob-country-trigger,body.pk-app #app .pb-board.ob-board .ob-country-link{position:absolute;inset:0;width:100%;height:100%;min-height:44px;min-width:0;border:0;border-radius:8px;background:transparent;color:transparent;text-decoration:none;cursor:pointer;z-index:3;padding:0;font-size:0;-webkit-tap-highlight-color:transparent}
body.pk-app #app .pb-board.ob-board .ob-country-link{inset:auto 0 0;height:max(44px,32%);z-index:6}
body.pk-app #app .pb-board.ob-board .ob-region-map{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
body.pk-app #app .pb-board.ob-board .ob-region-map a path{fill:#ddb77212;stroke:#ead19c;stroke-width:1.2;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer}
body.pk-app #app .pb-board.ob-board .ob-region-map a:hover path{fill:#dcb26950;stroke:#fff0c6;stroke-width:1.7}
body.pk-app #app .pb-board.ob-board .ob-map-places{fill:#f0d5a2;stroke:#e4c181;stroke-width:2;pointer-events:none}
body.pk-app #app .pb-board.ob-board .ob-map-places text{font:34px Manrope,Arial,sans-serif;stroke:none}
body.pk-app #app .pb-board.ob-board .ob-country-peek{position:absolute;inset:auto 0 0;z-index:7;padding:8px 12px 5px;background:#15110af5;border-radius:0 0 8px 8px;color:#e8d0a6}
body.pk-app #app .pb-board.ob-board .ob-country-peek>strong{font:500 12px/1.3 Manrope,Arial,sans-serif}
body.pk-app #app .pb-board.ob-board .ob-country-peek>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.pk-app #app .pb-board.ob-board .ob-country-peek a{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:44px;color:#f1d7ab;text-decoration:none;font:500 11px/1.3 Manrope,Arial,sans-serif}
body.pk-app #app .pb-board.ob-board .ob-country-peek svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
body.pk-app #app .pb-board.ob-board [hidden]{display:none!important}
body.pk-app #app .pb-board.ob-board .ob-country-trigger:focus-visible,body.pk-app #app .pb-board.ob-board .ob-country-link:focus-visible,body.pk-app #app .pb-board.ob-board .ob-entry:focus-visible{outline:2px solid #f2d29b;outline-offset:4px}
body.pk-app #app .pb-board.ob-board .ob-entry.fc-learn .ob-face{background:#34281b}
body.pk-app #app .pb-board.ob-board .ob-entry.fc-train .ob-face{background:#1a1d17;border-color:#a3997566}
body.pk-app #app .pb-board.ob-board .ob-entry-cue{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:4px;font:500 9px/1.3 Manrope,Arial,sans-serif;color:#e5c89b;pointer-events:none}
body.pk-app #app .pb-board.ob-board .ob-entry-cue svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5}
body.pk-app #app .pb-board.ob-board .ob-flop-toggle{top:-44px;z-index:4}
body.pk-app #app .pb-board.ob-board .ob-tabpanel{position:absolute;inset:0 0 0 calc(60% + 5px);z-index:8;border:1px solid #b3915a88;border-radius:8px;background:#211a13;overflow:auto;overscroll-behavior:contain;padding:12px 14px;color:#f0e4d1;box-shadow:0 10px 24px #0007}
body.pk-app #app .pb-board.ob-board .ob-tabpanel header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body.pk-app #app .pb-board.ob-board .ob-tabpanel header span{font:500 10px/1.4 Manrope,Arial,sans-serif;color:#c8af87}
body.pk-app #app .pb-board.ob-board .ob-tabpanel h3{font:500 clamp(13px,1.25vw,19px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:2px 0 0;color:#f1e5d2}
body.pk-app #app .pb-board.ob-board .ob-panel-close{flex:none;display:flex;align-items:center;gap:3px;min-height:44px;min-width:44px;border:0;background:transparent;color:#e8c48a;font:500 10px/1.3 Manrope,Arial,sans-serif;padding:0;cursor:pointer}
body.pk-app #app .pb-board.ob-board .ob-panel-close svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.5;fill:none;transform:rotate(180deg)}
body.pk-app #app .pb-board.ob-board .ob-panel-intro{font:400 11px/1.5 Manrope,Arial,sans-serif;color:#c9b799;margin:3px 0 6px;max-width:38ch}
body.pk-app #app .pb-board.ob-board .ob-tabpanel nav{display:grid;gap:0}
body.pk-app #app .pb-board.ob-board .ob-tabpanel nav a{display:grid;grid-template-columns:1fr 12px;align-items:center;min-height:44px;padding:7px 0;border-top:1px solid #9d7a4644;text-decoration:none;color:#eedbc0}
body.pk-app #app .pb-board.ob-board .ob-tabpanel nav strong{font:500 12px/1.3 Manrope,Arial,sans-serif}
body.pk-app #app .pb-board.ob-board .ob-tabpanel nav small{font:400 9px/1.4 Manrope,Arial,sans-serif;color:#cbb594;grid-row:2}
body.pk-app #app .pb-board.ob-board .ob-tabpanel nav svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;grid-row:1/3;grid-column:2}
body.pk-app #app .pb-board.ob-board .ob-tabpanel a:focus-visible,body.pk-app #app .pb-board.ob-board .ob-panel-close:focus-visible{outline:2px solid #f2d29b;outline-offset:-2px}
@media(hover:hover) and (pointer:fine){body.pk-app #app .pb-board.ob-board .ob-country:has(.ob-country-link:hover) .ob-map-face{border-color:#f3d39a}body.pk-app #app .pb-board.ob-board .ob-entry:hover .ob-face{border-color:#f0d19c}body.pk-app #app .pb-board.ob-board .ob-tabpanel nav a:hover{color:#ffdda4}body.pk-app #app .pb-board.ob-board .ob-flop-toggle:hover{color:#fff0d2}}
@media(max-width:800px){
 body.pk-app #app .pb-board.ob-board .ob-face{border-radius:5px;padding:3px 1px 27%;gap:3px}
 body.pk-app #app .pb-board.ob-board .ob-face:before{inset:3px;border-radius:2px}
 body.pk-app #app .pb-board.ob-board .ob-face>strong{font-size:clamp(9px,2.7vw,12px);letter-spacing:-.035em;white-space:nowrap}
 body.pk-app #app .pb-board.ob-board .ob-face>small{display:none}
 body.pk-app #app .pb-board.ob-board .ob-map-face{padding:5px 1px 8%;gap:4px}
 body.pk-app #app .pb-board.ob-board .ob-map-label{font-size:clamp(9px,2.7vw,12px);letter-spacing:-.035em;white-space:nowrap}
 body.pk-app #app .pb-board.ob-board .ob-country-detail{font-size:8px;line-height:1.25}
 body.pk-app #app .pb-board.ob-board .ob-map-action{font-size:8px;gap:0}
 body.pk-app #app .pb-board.ob-board .ob-map-action svg{width:9px;height:9px}
 body.pk-app #app .pb-board.ob-board .ob-entry-cue{font-size:0;bottom:5px}
 body.pk-app #app .pb-board.ob-board .ob-entry-cue svg{width:10px;height:10px}
 body.pk-app #app .pb-board.ob-board .ob-flop-toggle{top:-48px}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel{inset:0;padding:4px 9px;border-radius:5px;overflow:hidden}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel header{height:26px;align-items:center;gap:6px}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel header span{display:none}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel h3{font-size:12px;line-height:1.25;margin:0}
 body.pk-app #app .pb-board.ob-board .ob-panel-close{position:absolute;inset:0 0 0 auto;min-height:44px;min-width:44px;width:44px;display:flex;flex-direction:column;justify-content:center;font-size:9px;z-index:2;border-left:1px solid #9d7a4633}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel header{padding-right:44px}
 body.pk-app #app .pb-board.ob-board .ob-panel-intro{display:none}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-right:44px}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav a{padding:3px 3px 1px;min-height:44px;align-content:center;border-top:1px solid #9d7a4644}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav strong{font-size:10px;line-height:1.2}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav small{font-size:8px;line-height:1.2;margin-top:2px}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav svg{width:10px;height:10px}
 body.pk-app #app .pb-board.ob-board .ob-map-places{display:none}
 body.pk-app #app .pb-board.ob-board .ob-country-peek{padding:3px 5px 0;border-radius:0 0 5px 5px}
 body.pk-app #app .pb-board.ob-board .ob-country-peek>strong{font-size:10px}
 body.pk-app #app .pb-board.ob-board .ob-country-peek>div{gap:5px}
 body.pk-app #app .pb-board.ob-board .ob-country-peek a{font-size:9px;min-height:44px}
}
@media(max-width:360px){
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav a{height:44px;min-height:44px;grid-template-rows:1fr;box-sizing:border-box}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav small{display:none}
 body.pk-app #app .pb-board.ob-board .ob-tabpanel nav svg{grid-row:1}
}
@media(prefers-reduced-motion:reduce){body.pk-app #app .pb-board.ob-board *{animation:none!important;transition:none!important}}