
/* V20.11.94: two-lane reveal for ten-player packs after workout. */
#v20917PackStage.v201194-dual-reveal{
  width:min(720px,calc(100vw - 18px))!important;
  min-height:0!important;
  max-height:calc(100dvh - 16px)!important;
  padding:0!important;
  overflow:hidden!important;
  align-content:stretch!important;
  background:radial-gradient(circle at 50% 12%,rgba(77,145,224,.20),transparent 38%),linear-gradient(180deg,#111d2d,#050910)!important;
}
#v20917PackStage.v201194-dual-reveal #v20917PackResult{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  opacity:1!important;
  transform:none!important;
  display:block!important;
}
.v201194-reveal-shell{
  height:min(800px,calc(100dvh - 16px));
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(18,31,48,.98),rgba(5,10,17,.99));
}
.v201194-reveal-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.1);
}
.v201194-reveal-head small{display:block;color:#8fa6bd;font-size:9px;font-weight:900;letter-spacing:.15em;}
.v201194-reveal-head strong{display:block;margin-top:3px;color:#fff;font-size:18px;}
.v201194-reveal-progress{min-width:70px;padding:8px 10px;border:1px solid rgba(255,216,92,.35);border-radius:12px;background:rgba(103,71,10,.28);color:#ffe58e;text-align:center;font-size:18px;font-weight:1000;}
.v201194-reveal-body{min-height:0;overflow:auto;padding:14px;-webkit-overflow-scrolling:touch;}
.v201194-reveal-guide{margin:0 0 10px;color:#b9c7d7;font-size:11px;text-align:center;line-height:1.45;}
.v201194-reveal-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;}
.v201194-reveal-slot{
  min-width:0;min-height:390px;padding:10px;border:1px solid rgba(107,180,255,.28);border-radius:18px;
  background:linear-gradient(160deg,rgba(35,63,92,.82),rgba(6,12,21,.96));
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:8px;
  color:#fff;cursor:pointer;touch-action:manipulation;overflow:hidden;position:relative;
}
.v201194-reveal-slot::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(91,176,255,.17),transparent 52%);pointer-events:none;}
.v201194-reveal-slot.revealed{border-color:rgba(255,214,92,.5);box-shadow:0 0 24px rgba(255,196,54,.16);}
.v201194-reveal-slot.complete{opacity:.72;border-style:dashed;}
.v201194-lane-title{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;gap:6px;color:#dcecff;font-size:10px;font-weight:900;}
.v201194-slot-card{position:relative;z-index:2;width:min(220px,100%);display:grid;place-items:center;align-self:center;}
.v201194-slot-card .pmc-card-frame,.v201194-slot-card .v10c-card,.v201194-slot-card .dynamic-card{width:min(210px,100%)!important;max-width:210px!important;min-width:0!important;font-size:8.4px!important;}
.v201194-card-back{width:min(190px,78%);aspect-ratio:5/8;border-radius:18px;border:2px solid rgba(160,210,255,.72);background:radial-gradient(circle at 50% 40%,rgba(91,186,255,.35),transparent 42%),linear-gradient(145deg,#173a62,#060e1b 72%);box-shadow:0 18px 36px rgba(0,0,0,.45),inset 0 0 0 5px rgba(255,255,255,.04);display:grid;place-items:center;color:#dff4ff;font-size:18px;font-weight:1000;letter-spacing:.06em;text-align:center;}
.v201194-card-back span{display:block;font-size:9px;color:#9dc6e8;margin-top:6px;letter-spacing:.02em;}
.v201194-slot-caption{position:relative;z-index:2;min-height:34px;color:#dce6f2;text-align:center;font-size:11px;font-weight:900;line-height:1.35;}
.v201194-slot-caption b{display:block;color:#fff;font-size:13px;}
.v201194-reveal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px calc(11px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:#080e17;}
.v201194-reveal-footer span{color:#95a9bd;font-size:10px;line-height:1.35;}
.v201194-reveal-footer button{min-height:42px;padding:8px 15px;border:1px solid rgba(255,214,92,.42);border-radius:11px;background:linear-gradient(180deg,#9e7018,#573606);color:#fff1bc;font-weight:1000;}
/* Final result: ten cards are always five columns by two rows. */
.v201194-ten-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,auto)!important;
  align-items:start!important;
  justify-content:stretch!important;
  gap:7px!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  overflow:visible!important;
}
.v201194-ten-grid>.v201173-result-card,.v201194-ten-grid>.v20919-result-card{width:auto!important;min-width:0!important;max-width:none!important;}
.v201194-ten-grid .v20920-card-host{width:100%!important;max-width:118px!important;margin-inline:auto!important;}
.v201194-ten-grid .pmc-card-frame,.v201194-ten-grid .v10c-card,.v201194-ten-grid .dynamic-card{width:100%!important;max-width:118px!important;min-width:0!important;font-size:clamp(3.2px,1.1vw,5px)!important;}
.v201194-ten-grid>.v201173-result-card>b,.v201194-ten-grid>.v20919-result-card>b{font-size:8px!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v201194-ten-grid>.v201173-result-card>span,.v201194-ten-grid>.v20919-result-card>span{font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:760px){
  .v201194-reveal-shell{height:calc(100dvh - 10px);border-radius:16px;}
  .v201194-reveal-head{padding:10px 11px;}.v201194-reveal-head strong{font-size:16px;}.v201194-reveal-progress{font-size:16px;min-width:62px;padding:7px 8px;}
  .v201194-reveal-body{padding:9px;}.v201194-reveal-lanes{gap:7px;}
  .v201194-reveal-slot{min-height:330px;padding:7px;border-radius:14px;}
  .v201194-slot-card .pmc-card-frame,.v201194-slot-card .v10c-card,.v201194-slot-card .dynamic-card{max-width:150px!important;font-size:6.2px!important;}
  .v201194-card-back{width:min(132px,88%);border-radius:14px;font-size:14px;}
  .v201194-reveal-footer{grid-template-columns:1fr auto;padding:9px 10px calc(9px + env(safe-area-inset-bottom));}
  .v201194-reveal-footer button{padding-inline:11px;font-size:11px;}
  .v201194-ten-grid{gap:4px!important;max-width:100%!important;}
  .v201194-ten-grid .v20920-card-host{max-width:72px!important;}
  .v201194-ten-grid .pmc-card-frame,.v201194-ten-grid .v10c-card,.v201194-ten-grid .dynamic-card{max-width:72px!important;font-size:clamp(2.7px,1.18vw,4.6px)!important;}
  .v201194-ten-grid>.v201173-result-card>b,.v201194-ten-grid>.v20919-result-card>b{font-size:6.6px!important;margin-top:2px!important;}
  .v201194-ten-grid>.v201173-result-card>span,.v201194-ten-grid>.v20919-result-card>span{display:none!important;}
  .v201173-result-body:has(.v201194-ten-grid){padding:8px 5px!important;overflow:auto!important;}
}
@media(max-width:390px){
  .v201194-reveal-slot{min-height:300px;}
  .v201194-slot-card .pmc-card-frame,.v201194-slot-card .v10c-card,.v201194-slot-card .dynamic-card{max-width:132px!important;font-size:5.4px!important;}
  .v201194-card-back{width:min(116px,90%);}
  .v201194-ten-grid .v20920-card-host{max-width:64px!important;}
  .v201194-ten-grid .pmc-card-frame,.v201194-ten-grid .v10c-card,.v201194-ten-grid .dynamic-card{max-width:64px!important;font-size:3.7px!important;}
}
/* V20.11.95: ten-card result is a true full-screen overlay with replay action. */
#v20917PackOverlay.active{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;padding:0!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;background:rgba(1,4,9,.98)!important;overflow:hidden!important;}
#v20917PackStage.v201195-full-result{
  position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;transform:none!important;border:0!important;border-radius:0!important;
  display:block!important;overflow:hidden!important;box-sizing:border-box!important;
  background:radial-gradient(circle at 50% 0%,rgba(190,137,31,.20),transparent 34%),linear-gradient(180deg,#111b28,#03070d)!important;
}
#v20917PackStage.v201195-full-result #v20917PackResult{
  width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;
  display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;overflow:hidden!important;
}
#v20917PackStage.v201195-full-result .v201173-result-shell{
  width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;
  margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  padding-top:env(safe-area-inset-top,0px)!important;box-sizing:border-box!important;
}
#v20917PackStage.v201195-full-result .v201173-result-head{
  min-height:86px!important;padding:10px max(12px,env(safe-area-inset-right,0px)) 9px max(12px,env(safe-area-inset-left,0px))!important;
  background:linear-gradient(180deg,rgba(29,43,57,.99),rgba(11,21,31,.98))!important;
}
#v20917PackStage.v201195-full-result .v201173-result-body{
  min-height:0!important;overflow:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;
  padding:10px max(6px,env(safe-area-inset-right,0px)) 12px max(6px,env(safe-area-inset-left,0px))!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
}
#v20917PackStage.v201195-full-result .v201194-ten-grid{align-self:flex-start!important;max-width:920px!important;}
#v20917PackStage.v201195-full-result .v201173-result-footer{
  min-height:70px!important;padding:9px max(10px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important;
  background:linear-gradient(180deg,rgba(9,17,27,.98),rgba(2,7,13,.995))!important;position:relative!important;z-index:80!important;
}
.v201195-result-actions{width:min(620px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;}
#v20917PackResult .v201195-result-actions button{
  width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:8px 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;
  font-size:14px!important;font-weight:1000!important;pointer-events:auto!important;touch-action:manipulation!important;position:relative!important;z-index:100!important;
}
#v20917PackResult .v201195-result-close{border:1px solid rgba(145,177,205,.45)!important;background:linear-gradient(180deg,#24384c,#122234)!important;color:#eef7ff!important;}
#v20917PackResult .v201195-open-ten{border:1px solid rgba(255,221,111,.68)!important;background:linear-gradient(180deg,#d69b23,#76500a)!important;color:#fff4c4!important;box-shadow:0 7px 20px rgba(171,112,10,.24)!important;}
@media(max-width:760px){
  #v20917PackStage.v201195-full-result .v201173-result-head{min-height:76px!important;padding-top:7px!important;padding-bottom:7px!important;}
  #v20917PackStage.v201195-full-result .v201173-result-pack{width:48px!important;height:64px!important;}
  #v20917PackStage.v201195-full-result .v201173-result-head strong{font-size:15px!important;}
  #v20917PackStage.v201195-full-result .v201173-result-body{padding:7px 4px 9px!important;}
  #v20917PackStage.v201195-full-result .v201173-result-footer{min-height:66px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;}
  .v201195-result-actions{gap:7px;}
  #v20917PackResult .v201195-result-actions button{min-height:46px!important;font-size:13px!important;}
}
