/* v1.9.8 — use the reserved lower-right dock for all earned point cards.
   A player can hold at most six, so the whole score history remains visible. */
.personal-zone-right.has-orders{
  grid-template-columns:minmax(0,1fr) clamp(190px,27vw,350px) clamp(58px,7.4vw,88px)!important;
  gap:6px!important;
  align-items:stretch!important;
}
.completed-orders-panel{
  min-width:0;
  height:100%;
  padding:4px 5px 5px;
  display:grid;
  grid-template-rows:15px minmax(0,1fr);
  gap:3px;
  overflow:hidden;
  border:1px solid rgba(184,139,73,.5);
  border-radius:8px;
  background:
    linear-gradient(145deg,rgba(32,24,18,.95),rgba(9,8,7,.97)),
    repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.015) 8px 9px);
  box-shadow:inset 0 0 18px rgba(0,0,0,.48),0 2px 7px rgba(0,0,0,.35);
}
.completed-orders-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  color:#dcbf83;
  line-height:1;
}
.completed-orders-head b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(8px,.72vw,11px)!important;
  letter-spacing:.02em;
}
.completed-orders-head span{
  flex:0 0 auto;
  min-width:28px;
  padding:2px 5px;
  border:1px solid rgba(214,170,91,.42);
  border-radius:999px;
  background:#0d0a08;
  color:#f0d38e;
  text-align:center;
  font:800 clamp(8px,.68vw,10px)/1 Georgia,serif;
}
.completed-orders-grid{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(3px,.35vw,6px);
  align-items:stretch;
}
.completed-point-card,
.completed-point-empty{
  position:relative;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
  border-radius:5px;
}
.completed-point-card{
  display:grid;
  grid-template-rows:57% 43%;
  border:1px solid #8c765d;
  background:linear-gradient(165deg,#d9cdb8,#b7a184 68%,#887158);
  color:#2b2118;
  box-shadow:0 3px 8px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.26);
  animation:v198PointPocketIn .42s cubic-bezier(.2,.86,.2,1) both;
}
.completed-point-card .point-cost-top{
  position:static!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:3px 1px 1px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  border:0!important;
  border-bottom:1px solid rgba(70,51,35,.22)!important;
  background:rgba(255,255,255,.08)!important;
}
.completed-point-card .point-cost-row{display:flex!important;gap:1px!important}
.completed-point-card .point-cost-cube{
  width:clamp(4px,.48vw,7px)!important;
  height:clamp(4px,.48vw,7px)!important;
  min-width:0!important;
  border-radius:1.5px!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 1px 1px rgba(0,0,0,.3)!important;
}
.completed-point-score{
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(54,38,25,.1));
}
.completed-point-score strong{
  color:#2e2117;
  font:900 clamp(18px,2.1vw,31px)/.88 Georgia,"Noto Serif SC",serif;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.completed-point-score small{
  align-self:flex-end;
  margin-bottom:5px;
  color:#5e4935;
  font-size:clamp(4px,.38vw,6px);
  font-weight:900;
  text-transform:uppercase;
}
.completed-point-coin{
  position:absolute;
  top:2px;
  right:2px;
  width:clamp(10px,.9vw,14px);
  height:clamp(10px,.9vw,14px);
  border-radius:50%;
  border:1px solid rgba(59,44,25,.65);
  box-shadow:0 1px 3px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,255,255,.52);
}
.completed-point-coin.gold{background:radial-gradient(circle at 35% 30%,#fff2a0,#d89b18 58%,#81520b)}
.completed-point-coin.silver{background:radial-gradient(circle at 35% 30%,#fff,#c7c9c6 58%,#686d70)}
.completed-point-empty{
  display:grid;
  place-items:center;
  border:1px dashed rgba(151,116,70,.34);
  background:rgba(4,4,4,.22);
  color:rgba(184,147,91,.28);
}
.completed-point-empty i{font:700 clamp(7px,.62vw,10px)/1 Georgia,serif;font-style:normal}
.completed-orders-panel.is-empty .completed-orders-grid{opacity:.72}

/* The centre point-claim card should celebrate the score at a glance. */
.unified-action-popup .broadcast-point-card .point-value{
  font-size:clamp(58px,5.2vw,78px)!important;
  line-height:.88!important;
}
.unified-action-popup .broadcast-point-card .point-unit{
  font-size:clamp(10px,.78vw,13px)!important;
  font-weight:900!important;
}

@media (orientation:landscape) and (max-height:560px){
  .personal-zone-right.has-orders{
    grid-template-columns:minmax(0,1fr) clamp(155px,25vw,235px) clamp(50px,5.8vw,68px)!important;
    gap:3px!important;
  }
  .completed-orders-panel{padding:2px 3px 3px;grid-template-rows:11px minmax(0,1fr);gap:2px;border-radius:5px}
  .completed-orders-head b{font-size:6px!important}
  .completed-orders-head span{min-width:22px;padding:1px 3px;font-size:6px}
  .completed-orders-grid{gap:2px}
  .completed-point-card,.completed-point-empty{border-radius:3px}
  .completed-point-card .point-cost-top{padding:1px 0 0!important}
  .completed-point-card .point-cost-cube{width:4px!important;height:4px!important}
  .completed-point-score strong{font-size:clamp(14px,2.2vw,21px)}
  .completed-point-score small{display:none}
  .completed-point-coin{width:8px;height:8px;top:1px;right:1px}
  .unified-action-popup .broadcast-point-card .point-value{font-size:44px!important}
  .unified-action-popup .broadcast-point-card .point-unit{font-size:8px!important}
}

@media (orientation:landscape) and (max-width:760px){
  .personal-zone-right.has-orders{
    grid-template-columns:minmax(0,1fr) clamp(142px,29vw,190px) 50px!important;
  }
  .completed-orders-head b{font-size:6px!important}
}

@media (prefers-reduced-motion:reduce){.completed-point-card{animation:none!important}}
@keyframes v198PointPocketIn{from{opacity:.2;transform:translateY(-7px) scale(.9)}to{opacity:1;transform:none}}