/* Pack's travelling puzzle-book board inside the canonical game shell. */
#game-panel{background:#fffdf5;padding:26px;box-shadow:6px 7px #17263a}.pack-page .br-game-title-group h1{text-shadow:3px 3px #b8d957}.pack-page .quick-stat strong{font-size:20px}.pack-page .quick-stat span{font-size:8px}
.pack-kicker{font:800 11px/1.5 ui-monospace,monospace;letter-spacing:.06em;color:#526273;text-transform:uppercase;margin:0 0 9px}.pack-heading{font:800 clamp(25px,4vw,33px)/1.15 Arial,sans-serif;letter-spacing:-.7px;color:#17263a;margin:0 0 12px}.trip-description{font:15px/1.6 Arial,sans-serif;margin:0 0 20px;color:#526273}.pack-warning{border:2px solid #17263a;padding:12px;background:#f9e2a7;font:14px/1.6 Arial,sans-serif}.pack-notes{font:12px/1.6 Arial,sans-serif;color:#526273}
.pack-hud{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.pack-hud>div{border:2px solid #17263a;padding:12px;background:#e4f2f4;min-width:0}.pack-hud>div:last-child{background:#edf2d3}.pack-hud span{display:block;font:800 10px/1.5 ui-monospace,monospace;color:#526273}.pack-hud strong{display:block;font:800 23px/1.3 'Courier New',monospace;margin-top:4px}.capacity-track{height:10px;background:#e9dfc8;border:1px solid #17263a;margin-top:10px;overflow:hidden}.capacity-track i{display:block;height:100%;background:#3e86a5}.capacity-track.over i{background:#b23b32}.pack-over{min-height:24px;font:700 14px/1.5 Arial,sans-serif;color:#8c2c26;margin:0 0 12px}
.pack-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.pack-items{display:grid;gap:10px}.pack-item{display:flex;align-items:center;gap:10px;width:100%;min-height:70px;padding:12px;text-align:left;border:2px solid #17263a;background:#fffdf5;color:#17263a;box-shadow:2px 2px #17263a;cursor:pointer;font:14px/1.4 Arial,sans-serif;touch-action:manipulation}.pack-item:hover{background:#e4f2f4}.pack-item[aria-pressed=true]{background:#d8ec91}.item-symbol{font:24px/1.3 Arial,sans-serif;flex:none}.pack-item .item-copy{flex:1;min-width:0}.item-copy b{display:block;font-size:15px}.item-copy small{display:block;color:#34465a;font:12px/1.5 Arial,sans-serif;margin-top:3px}.item-state{font:800 12px/1.4 ui-monospace,monospace;min-width:24px;text-align:center}
.suitcase-area{position:sticky;top:20px;padding-top:14px}.suitcase{position:relative;background:#91c7dc;border:3px solid #17263a;box-shadow:5px 5px #17263a;padding:18px 12px;min-height:230px}.suitcase:before{content:'';position:absolute;width:54px;height:14px;left:calc(50% - 27px);top:-17px;border:3px solid #17263a;background:#e9dfc8}.bag-label{font:800 10px/1.5 ui-monospace,monospace;letter-spacing:.07em;border-bottom:2px solid #17263a;padding:0 0 10px;margin-bottom:12px}.bag-contents{display:flex;flex-wrap:wrap;gap:7px;align-content:start;min-height:130px}.bag-tag{border:1px solid #17263a;padding:7px;background:#fffdf5;font:700 11px/1.5 Arial,sans-serif;max-width:100%;overflow-wrap:anywhere;box-shadow:2px 2px #17263a}.bag-empty{font:14px/1.7 Arial,sans-serif;margin:auto;color:#243b4e}.packing-tip{font:13px/1.6 Arial,sans-serif;color:#526273;margin:18px 0 0}.pack-actions{margin-top:24px;border-top:1px dashed #82968d;padding-top:18px}.pack-submit{width:100%;min-height:48px}.pack-submit:disabled{opacity:.55;transform:none;box-shadow:2px 2px #17263a;cursor:not-allowed}
.pack-result{border:2px solid #17263a;background:#edf2d3;box-shadow:3px 3px #17263a;padding:18px;margin:20px 0}.pack-result p{font:15px/1.6 Arial,sans-serif}.pack-result h3{font:800 18px/1.4 Arial,sans-serif;margin:0 0 12px}.pack-result-list{padding-left:20px;font:14px/1.6 Arial,sans-serif;color:#34465a}.pack-score{font:800 32px/1.25 'Courier New',monospace;margin:14px 0}.pack-result.is-perfect{background:#d8ec91}.pack-score-detail{font:15px/1.7 Arial,sans-serif;color:#526273}.pack-breakdown{display:grid;gap:10px;margin:22px 0}.pack-breakdown>div{padding:12px;border:1px solid #17263a;background:#e4f2f4;font:14px/1.6 Arial,sans-serif}.pack-result-actions{display:flex;gap:12px;flex-wrap:wrap}.pack-result-actions button,.pack-result-actions a{min-height:44px}.pack-live-status{min-height:22px;font:14px/1.6 Arial,sans-serif;color:#526273}
#pack-notice:empty{display:none}#pack-notice{font:14px/1.6 Arial,sans-serif;padding:10px;border-left:4px solid #3e86a5;background:#e4f2f4}.pack-heading{scroll-margin-top:110px}.pack-heading:focus-visible{outline:3px solid #17263a;outline-offset:4px}
@media(max-width:650px){#game-panel{padding:20px 16px}.pack-workbench{grid-template-columns:1fr;gap:18px}.suitcase-area{position:static;grid-row:1}.suitcase{min-height:130px;padding:12px}.bag-contents{min-height:55px}.packing-tip{display:none}.pack-hud strong{font-size:19px}.pack-item{min-height:66px}.pack-result-actions{flex-direction:column}.pack-result-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){.pack-item,.pack-submit{transition:none;animation:none}}

/* Every native item has original artwork, shared by the shelf, bag and recaps. */
.pack-page .pack-item{min-height:88px;gap:12px}
.pack-page .pack-item .item-symbol{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;padding:0;background:transparent;border:0;font-size:0}
.pack-item-art{display:block;flex:none;width:64px;height:64px;object-fit:contain;user-select:none}
.pack-page .bag-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:200px;min-height:200px;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding:3px 5px 6px 0;scrollbar-width:thin}
.pack-page .bag-empty{grid-column:1/-1;align-self:center;margin:auto;text-align:center}
.pack-page .bag-tag{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px;text-align:center;min-width:0}
.pack-page .bag-tag .pack-item-art{width:42px;height:42px}
.pack-page .bag-tag span{font:700 11px/1.4 Arial,sans-serif;overflow-wrap:anywhere}
.pack-art-recap{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;list-style:none;margin:14px 0 20px;padding:0}
.pack-art-recap li{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:6px;min-width:0;padding:9px 5px;border:1px solid #17263a;background:#fffaf0;text-align:center}
.pack-art-recap .pack-item-art{width:46px;height:46px}
.pack-art-recap span{font:700 11px/1.4 Arial,sans-serif;overflow-wrap:anywhere}
@media(max-width:650px){.pack-page .pack-item .item-symbol,.pack-page .pack-item .item-symbol .pack-item-art{width:56px;height:56px;flex-basis:56px}.pack-page .pack-item{gap:10px;padding:10px;min-height:80px}.pack-page .bag-contents{height:180px;min-height:180px}}

.pack-page .pack-over{min-height:44px}
.pack-page #capacity-remaining{min-height:3em;font-size:12px;line-height:1.5}
@media(max-width:650px){.pack-page .pack-hud strong{min-height:2.6em}}