/* Expedition preparation, extraction receipt, storage and content book. Presentation only. */
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) {
  --panel:#101b28; --gold:#e8c578; --gold2:#f0dba6; --cyan:#73cabb;
  --purple:#ad95d3; --pink:#d98b96; --text:#e9edf1; --muted:#8fa4b7;
  padding:28px; background:rgba(3,9,16,.88); color:var(--text);
  font:15px/1.6 "Segoe UI","Microsoft YaHei","PingFang SC",sans-serif; z-index:78;
}
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book),
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) * { box-sizing:border-box; }
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) * {
  font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif!important; text-shadow:none;
}
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .pa240-slab {
  background:#152231; border:0; box-shadow:none;
  clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);
}
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .pa240-slab::before,
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .pa240-corner,
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .pa240-rail { display:none; }
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) button {
  min-width:44px; min-height:44px; font:inherit; color:inherit; cursor:pointer; padding:0; text-align:left;
}
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) button:focus-visible { outline:2px solid var(--gold); outline-offset:-3px; }
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) button:hover { filter:brightness(1.12); }
:is(#pa-raid-prep,#pa-raid-result) .pa241-panel,
#pa-book .pa240-book,#pa-warehouse .pa240-wh {
  width:min(1200px,100%); max-height:calc(100dvh - 56px); padding:26px 30px 22px;
  background:#101b28; box-shadow:inset 0 2px #786343,inset 0 0 0 1px #283747,0 24px 80px #0008;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
  scrollbar-color:#435668 transparent; scrollbar-width:thin; overscroll-behavior:contain; isolation:isolate;
}
:is(#pa-raid-prep,#pa-raid-result) .pa241-panel { overflow:auto; scroll-padding:18px; }
:is(#pa-book,#pa-warehouse)>div { display:flex; flex-direction:column; overflow:hidden; }
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd {
  flex:none; min-height:44px; padding:0 0 20px; gap:14px!important; align-items:center;
}
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd>.pa240-gem { display:none; }
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd h2 {
  margin:0; color:#f2eee4; font-size:28px!important; line-height:1.3; font-weight:650!important; letter-spacing:2px!important;
}
:is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd small {
  color:#8499ad!important; font-size:11px!important; font-weight:600!important; letter-spacing:2.2px!important;
}
:is(#pa-raid-prep,#pa-warehouse,#pa-book) .hd .x {
  width:44px!important; height:44px!important; flex:none; margin-left:auto; background:#1b2a39; color:#b6c4d0; font-size:20px; font-weight:500!important;
}
#pa-raid-prep .pa241-rules { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:0 0 20px; }
#pa-raid-prep .pa241-rule { padding:0 0 14px; background:none; clip-path:none; border-bottom:1px solid #293846; }
#pa-raid-prep .pa241-rule b { font-size:12px; font-weight:650; color:#cbb780; letter-spacing:.6px; margin-bottom:7px; }
#pa-raid-prep .pa241-rule span { font-size:12px; line-height:1.8; color:#8fa4b7; }
#pa-raid-prep .pa241-sec { flex-wrap:wrap; gap:10px 16px; margin:20px 0 12px; font-size:13px; font-weight:600; letter-spacing:.5px; color:#d6c89f; }
#pa-raid-prep .pa241-sec::after { background:#293846; min-width:16px; }
#pa-raid-prep .pa241-sec small { font-size:12px; font-weight:400; line-height:1.7; color:#9caebb; }
#pa-raid-prep .pa241-mini { padding:10px 16px; margin-left:auto; font-size:12px; font-weight:600; letter-spacing:0; color:#9bd6cb; background:#1b333b; }
#pa-raid-prep .pa241-zones { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
#pa-raid-prep .pa241-zone { min-width:0; height:auto; min-height:165px; padding:20px 18px; gap:5px; background:#172637; }
#pa-raid-prep .pa241-zone:hover { transform:none; }
#pa-raid-prep .pa241-zone.on { background:linear-gradient(135deg,#323132,#1e2a36); box-shadow:inset 3px 0 #e8c578,inset 0 0 0 1px #9c8250; }
#pa-raid-prep .pa241-zone .t { font-size:18px; font-weight:650; line-height:1.4; color:#e9edf1; }
#pa-raid-prep .pa241-zone .e { font-size:10px; line-height:1.5; letter-spacing:.5px; color:#a49bbb; font-weight:500; }
#pa-raid-prep .pa241-zone .d { font-size:12px; line-height:1.8; margin-top:7px; }
#pa-raid-prep .pa241-zone .m { font-size:11px; line-height:1.7; font-weight:500; color:#c4b17c; margin-top:5px; }
#pa-raid-prep .pa241-weapons { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
#pa-raid-prep .pa241-wgroup { min-width:0; }
#pa-raid-prep .pa241-wgroup .lbl { font-size:11px; letter-spacing:1px; font-weight:500; margin:0 0 9px; color:#8299ad; }
#pa-raid-prep .pa241-wgroup .tiles { grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
#pa-raid-prep .pa241-weapon { min-width:0; height:87px; padding:10px 4px; gap:4px; background:#172637; }
#pa-raid-prep .pa241-weapon.on { background:#373329; box-shadow:inset 0 -2px #e8c578,inset 0 0 0 1px #8c774c; }
#pa-raid-prep .pa241-weapon .s { font-size:18px; line-height:1.15; font-weight:650; filter:saturate(.6); }
#pa-raid-prep .pa241-weapon .n { font-size:11px; line-height:1.5; font-weight:500; white-space:normal; text-align:center; }
#pa-raid-prep .pa241-weapon .l { font-size:10px; line-height:1.5; letter-spacing:0; }
:is(#pa-raid-prep,#pa-raid-result) .pa241-foot { gap:24px; margin-top:24px; padding-top:20px; border-top:1px solid #293846; }
:is(#pa-raid-prep,#pa-raid-result) .pa241-foot .info { min-width:0; font-size:12px; line-height:1.85; }
:is(#pa-raid-prep,#pa-raid-result) .pa241-go { width:226px; height:66px; flex:none; padding:11px 14px; background:#e8c578; }
:is(#pa-raid-prep,#pa-raid-result) .pa241-go .t { color:#18222a; font-size:20px; font-weight:700; line-height:1.5; letter-spacing:3px; }
:is(#pa-raid-prep,#pa-raid-result) .pa241-go .e { color:#635837; font-size:10px; font-weight:600; line-height:1.5; letter-spacing:1px; }
#pa-raid-result .pa241-panel { width:min(980px,100%); padding:34px; }
#pa-raid-result .hd { padding-bottom:12px; flex-wrap:wrap; }
#pa-raid-result .hd h2 { color:#b9ddcf; }
#pa-raid-result .pa241-panel>.hd+div { font-size:13px!important; line-height:1.8; color:#91a9bc!important; }
#pa-raid-result .pa241-items { grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:24px 0; }
#pa-raid-result .pa241-item { min-width:0; min-height:104px; aspect-ratio:auto; padding:14px 6px; gap:8px; background:#152536; box-shadow:inset 0 -2px color-mix(in srgb,var(--rc) 50%,transparent); }
#pa-raid-result .pa241-item[style*="grid-column"] { grid-column:1/-1!important; min-height:100px; }
#pa-raid-result .pa241-item .ic { font-size:25px; font-weight:600; filter:saturate(.55); }
#pa-raid-result .pa241-item .ic em { font-size:13px; }
#pa-raid-result .pa241-item .n { font-size:12px; line-height:1.5; text-align:center; }
#pa-raid-result .pa241-item .v { font-size:11px; line-height:1.5; }
#pa-raid-result .pa241-sum { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; }
#pa-raid-result .pa241-sum>div { min-width:0; padding:14px 0; background:none; clip-path:none; border-top:1px solid #314452; }
#pa-raid-result .pa241-sum b { color:#e8c578; font-size:30px; line-height:1.35; font-weight:600; margin-bottom:6px; }
#pa-raid-result .pa241-sum span { font-size:11px; line-height:1.6; font-weight:400; letter-spacing:.5px; }
#pa-book .pa240-book { width:min(1120px,100%); }
#pa-book .tabs { flex:none; gap:26px; min-height:45px; padding:0; margin:0 0 22px; border-bottom:1px solid #2a3744; overflow-x:auto; scrollbar-width:none; }
#pa-book .tabs button { flex:none; height:auto; min-height:44px; padding:8px 2px 12px; background:none; clip-path:none; border-bottom:2px solid transparent; color:#8fa4b7; font-size:15px; font-weight:600; letter-spacing:0; white-space:nowrap; }
#pa-book .tabs button.on { color:#f0dba6; border-bottom-color:#e8c578; }
#pa-book .grid { flex:1; min-height:0; max-height:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0 6px 3px 0; overflow:auto; overscroll-behavior:contain; scrollbar-color:#435668 transparent; }
#pa-book .pa240-card { height:auto; min-height:186px; padding:30px 22px 22px; gap:10px; background:linear-gradient(145deg,#1b2a3c,#142130); box-shadow:inset 0 -2px color-mix(in srgb,var(--acc) 38%,transparent); }
#pa-book .pa240-card:hover { transform:none; background:#213248; }
#pa-book .pa240-card .top { gap:16px; }
#pa-book .pa240-card .icon { width:44px; height:46px; flex:none; transform:none; background:#0b1521; box-shadow:none; font-size:22px; color:#cbbfdb; }
#pa-book .pa240-card .icon span { transform:none; }
#pa-book .pa240-card .t { color:#edf0f2; font-size:19px; line-height:1.4; font-weight:650; }
#pa-book .pa240-card .e { font-size:10px; line-height:1.5; letter-spacing:1px; font-weight:500; color:#95a9bd; }
#pa-book .pa240-card .d { font-size:13px; line-height:1.9; margin-top:2px; overflow:visible; }
#pa-book .pa240-card .chip { top:0; right:0; padding:3px 10px; background:#29363f; color:#becbbc; font-size:10px; font-weight:500; letter-spacing:.5px; }
#pa-book .ft { flex:none; text-align:left; padding:16px 0 0; margin-top:16px; border-top:1px solid #293846; font-size:11px; line-height:1.6; letter-spacing:0; color:#8098ac; }
#pa-warehouse .pa240-wh { width:min(980px,100%); }
#pa-warehouse .grid { min-height:0; margin:0; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; padding:0 6px 3px 0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#435668 transparent; }
#pa-warehouse .cell { min-width:0; min-height:124px; aspect-ratio:auto; gap:9px; padding:18px 8px 26px; background:#0b1521; box-shadow:inset 0 0 0 1px #ffffff09!important; font-size:13px; line-height:1.5; }
#pa-warehouse .cell.has { background:#172637; }
#pa-warehouse .cell .ic { font-size:25px; line-height:1.2; font-weight:500; filter:saturate(.55); }
#pa-warehouse .cell b { right:10px; bottom:5px; font-size:12px; font-weight:600; color:#c7bb99; }
#pa-warehouse .cell .bar { left:0; right:0; height:2px; background:#29404d; }
#pa-warehouse .cell .bar i { background:#659f98; }
#pa-warehouse .note { flex:none; margin-top:18px; padding-top:16px; border-top:1px solid #293846; font-size:13px; line-height:1.85; color:#8fa4b7; }
@media (max-width:1100px) {
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) { padding:16px; }
  :is(#pa-raid-prep,#pa-raid-result) .pa241-panel,#pa-book .pa240-book,#pa-warehouse .pa240-wh { max-height:calc(100dvh - 32px); padding:22px; }
  #pa-raid-prep .pa241-rules { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; }
  #pa-raid-prep .pa241-zones { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #pa-raid-prep .pa241-weapons { grid-template-columns:1fr; gap:18px; }
  #pa-raid-prep .pa241-weapon { height:82px; }
  #pa-raid-prep .pa241-weapon .n { font-size:13px; }
  #pa-book .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-height:500px) and (min-width:601px) {
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) { padding:10px; }
  :is(#pa-raid-prep,#pa-raid-result) .pa241-panel,#pa-book .pa240-book,#pa-warehouse .pa240-wh { max-height:calc(100dvh - 20px); padding:14px 20px; }
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd { padding-bottom:12px; }
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd h2 { font-size:24px!important; }
  #pa-book .tabs { margin-bottom:14px; }
  #pa-book .ft,#pa-warehouse .note { margin-top:12px; padding-top:10px; font-size:11px; }
  #pa-book .pa240-card { min-height:170px; padding:25px 18px 18px; }
  #pa-warehouse .cell { min-height:116px; }
}
@media (max-width:600px) {
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) { padding:0; }
  :is(#pa-raid-prep,#pa-raid-result) .pa241-panel,#pa-book .pa240-book,#pa-warehouse .pa240-wh { width:100%; max-height:100dvh; padding:20px 16px; clip-path:none; }
  #pa-book .pa240-book,#pa-warehouse .pa240-wh { height:100dvh; }
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd { gap:8px!important; padding-bottom:18px; }
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd h2 { font-size:25px!important; letter-spacing:1px!important; }
  :is(#pa-raid-prep,#pa-raid-result,#pa-warehouse,#pa-book) .hd small { display:none; }
  #pa-raid-prep .pa241-rules { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(76vw,260px); gap:16px; margin-bottom:12px; overflow-x:auto; padding-bottom:7px; scrollbar-width:thin; scrollbar-color:#435668 transparent; scroll-snap-type:x proximity; overscroll-behavior:contain; }
  #pa-raid-prep .pa241-rule { padding:14px 16px; background:#152231; border:0; scroll-snap-align:start; }
  #pa-raid-prep .pa241-rule span { font-size:12px; }
  #pa-raid-prep .pa241-zones { grid-template-columns:1fr; gap:12px; }
  #pa-raid-prep .pa241-zone { min-height:158px; padding:21px; }
  #pa-raid-prep .pa241-zone .t { font-size:19px; }
  #pa-raid-prep .pa241-zone .d { font-size:13px; }
  #pa-raid-prep .pa241-sec { gap:10px; margin-top:24px; }
  #pa-raid-prep .pa241-sec small { width:100%; order:3; }
  #pa-raid-prep .pa241-sec:has(small)::after { display:none; }
  #pa-raid-prep .pa241-mini { padding:10px 12px; font-size:11px; }
  #pa-raid-prep .pa241-wgroup .tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  #pa-raid-prep .pa241-weapon { height:91px; padding:12px 5px; }
  #pa-raid-prep .pa241-weapon .n { font-size:13px; }
  :is(#pa-raid-prep,#pa-raid-result) .pa241-foot { flex-direction:column; align-items:stretch; gap:18px; margin-top:24px; padding-top:18px; }
  :is(#pa-raid-prep,#pa-raid-result) .pa241-go { width:100%; height:66px; }
  #pa-raid-result .pa241-items { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  #pa-raid-result .pa241-sum { gap:12px; }
  #pa-raid-result .pa241-sum b { font-size:25px; }
  #pa-raid-result .pa241-sum span { font-size:10px; letter-spacing:0; }
  #pa-book .tabs { gap:24px; margin-bottom:18px; }
  #pa-book .tabs button { font-size:14px; }
  #pa-book .grid { grid-template-columns:1fr; gap:14px; padding-right:3px; }
  #pa-book .pa240-card { min-height:190px; padding:30px 22px 24px; }
  #pa-book .ft { margin-top:14px; padding-top:12px; font-size:10px; }
  #pa-warehouse .grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding-right:3px; }
  #pa-warehouse .cell { min-height:123px; padding:18px 5px 26px; font-size:12px; }
  #pa-warehouse .note { font-size:12px; line-height:1.8; margin-top:16px; padding-top:14px; }
}
@media (max-width:360px) {
  :is(#pa-raid-prep,#pa-raid-result) .pa241-panel,#pa-book .pa240-book,#pa-warehouse .pa240-wh { padding:16px 12px; }
  #pa-raid-prep .pa241-rules { gap:12px; }
  #pa-raid-prep .pa241-sec { font-size:12px; }
  #pa-book .tabs { gap:18px; }
  #pa-book .pa240-card { padding:28px 18px 22px; }
  #pa-book .pa240-card .t { font-size:18px; }
  #pa-warehouse .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}