/* ===== REAL USE PASS 02: the rack you stand in front of, the stack you can
   grab, a landmine that reads as one, and the learned weights. ===== *//* THE RACK. Three pairs a tier. Big caps, real rails, uprights at the sides. */


body.pm-premium .rack{position:relative;display:flex;flex-direction:column;gap:0;padding:6px 10px 4px;margin:0 -2px}
body.pm-premium .rack-up{position:absolute;top:8px;bottom:6px;width:7px;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,0.06),#E5E4E1 45%,rgba(28,29,30,0.10)),linear-gradient(#A7CFF2,#A7CFF2);box-shadow:0 1px 2px rgba(30,31,33,.35);pointer-events:none}
body.pm-premium .rack-up-l{left:1px}
body.pm-premium .rack-up-r{right:1px}
body.pm-premium .rack-tier{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 6px 14px;align-items:end}
body.pm-premium .rack-rail{position:absolute;left:-4px;right:-4px;bottom:3px;height:11px;border-radius:3px;background:linear-gradient(180deg,#EAE9E6 0%,rgba(255,255,255,0.25) 35%,rgba(28,29,30,0.09) 70%,rgba(255,255,255,0.14) 100%),linear-gradient(#A7CFF2,#A7CFF2);box-shadow:0 3px 4px rgba(30,31,33,.32),inset 0 1px 0 rgba(255,255,255,.7);pointer-events:none;clip-path:polygon(1.5% 0,98.5% 0,100% 100%,0 100%)}
body.pm-premium .rack-pair{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;min-height:64px;padding:2px 0 4px;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform .2s cubic-bezier(.2,.9,.3,1.2),filter .2s}
body.pm-premium .rack-pair .db-face{width:52%;height:auto;flex:none;display:block;filter:drop-shadow(0 3px 2px rgba(30,31,33,.28))}
body.pm-premium .rack-pair .db-face+.db-face{margin-left:-6%}
body.pm-premium .rack-pair .kb-face{width:64%;height:auto;display:block;filter:drop-shadow(0 3px 2px rgba(30,31,33,.28))}
body.pm-premium .rack-pair:active{transform:translateY(1px) scale(.98)}
body.pm-premium .rack-pair.on{z-index:3;transform:translateY(-9px) scale(1.1)}
body.pm-premium .rack-pair.on .db-face,body.pm-premium .rack-pair.on .kb-face{filter:drop-shadow(0 12px 8px rgba(30,31,33,.42)) brightness(1.08)}
body.pm-premium .rack-pair.on::after{content:"";position:absolute;left:14%;right:14%;bottom:-2px;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(34,35,36,.5),rgba(34,35,36,0));z-index:-1}/* the reading under the rack is what the caps already say, in words */

body.pm-premium #sessWStep[data-sel="rack"] .wbig b{font-size:clamp(30px,8.5vw,38px)!important}/* THE STACK. Plates you can grab: taller, labelled, the pin with a real knob and rod. */

body.pm-premium .pinstack{padding:8px 12px 8px 54px;max-height:clamp(190px,calc(100dvh - 590px),330px)}
body.pm-premium .ps-plate{height:19px;border-radius:4px;padding-left:22px;gap:12px}
body.pm-premium .ps-plate b{font-size:var(--ui-meta,14px)}
body.pm-premium .ps-plate .ps-hole{left:6px;width:11px;height:11px}
body.pm-premium .ps-plate.add{height:12px;background:linear-gradient(180deg,rgba(28,29,30,0.09),rgba(28,29,30,0.21)),linear-gradient(#A7CFF2,#A7CFF2);border-radius:3px}
body.pm-premium .ps-plate.add b{font-size:var(--ui-meta,14px);color:rgba(255,255,255,.85)}
body.pm-premium .ps-plate.add .ps-hole{width:8px;height:8px;left:7.5px}
body.pm-premium .ps-plate.on .ps-hole{box-shadow:inset 0 1px 2px rgba(0,0,0,.9),0 0 0 1.5px rgba(255,255,255,.35)}
body.pm-premium .ps-guide i:first-child{left:calc(54px + 24%)}
body.pm-premium .ps-pin{width:64px;height:22px;margin-top:-11px}
body.pm-premium .ps-pin i{height:9px;margin-left:10px;width:calc(100% - 10px)}
body.pm-premium .ps-pin::before{width:26px;height:26px;background:radial-gradient(circle at 38% 34%,#FFFFFF,rgba(255,255,255,0.36) 55%,rgba(28,29,30,0.14)),linear-gradient(#A7CFF2,#A7CFF2);box-shadow:0 3px 5px rgba(30,31,33,.45),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 3px rgba(30,31,33,.25)}/* THE LANDMINE, on its ground */

body.pm-premium .lr-landmine{transform:none!important;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}
body.pm-premium .lr-landmine .landmine{width:100%;height:100%;max-height:100%}
body.pm-premium .sess:not(.resting) .sess-stage .loadvis:has(.landmine){top:0!important;bottom:6px!important;left:0!important;right:0!important;transform:none!important;width:auto!important}
body.pm-premium .wload .lr-landmine .landmine{height:110px}
@media (max-width:899px){
  body.pm-premium .sess:has(#sessWStep[data-sel="rack"]:not(.hide)){--stage-h:clamp(56px,8vh,72px)}
  body.pm-premium .sess .rack-pair{min-height:60px}
  body.pm-premium .sess .rack-tier{padding:6px 6px 14px}
}
@media (max-width:370px){
  body.pm-premium .rack{padding:4px 8px 2px}
  body.pm-premium .rack-tier{gap:2px;padding:4px 4px 12px}
}
body.pm-premium .rack-pair .db-face{width:57%}
body.pm-premium .rack-pair .db-face+.db-face{margin-left:-14%}
body.pm-premium .pinstack{position:relative!important;isolation:isolate}
body.pm-premium .ps-guide{position:absolute!important;top:0;bottom:0;left:0;right:0;z-index:0}/* ===== THE SCANNER ===== */

.cam{position:fixed;inset:0;z-index:170;background:#000;overflow:hidden}
.cam.hide{display:none!important}
.cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.cam-dim{position:absolute;inset:0;background:rgba(0,0,0,.18);pointer-events:none}
.cam-target{position:absolute;box-sizing:border-box;pointer-events:none;transition:left .18s var(--ease),top .18s var(--ease),width .18s var(--ease),height .18s var(--ease),opacity .2s}
.cam-target i{position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:4px;opacity:.95;transition:border-color .2s}
.cam-target i:nth-child(1){left:-2px;top:-2px;border-right:0;border-bottom:0;border-top-left-radius:8px}
.cam-target i:nth-child(2){right:-2px;top:-2px;border-left:0;border-bottom:0;border-top-right-radius:8px}
.cam-target i:nth-child(3){left:-2px;bottom:-2px;border-right:0;border-top:0;border-bottom-left-radius:8px}
.cam-target i:nth-child(4){right:-2px;bottom:-2px;border-left:0;border-top:0;border-bottom-right-radius:8px}
.cam-target.idle i{opacity:.7}
.cam.locked .cam-target i{border-color:#DDDEDF;border-width:3.5px}
.cam.found .cam-target::after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 2px rgba(207,224,242,.9)}
.cam-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.cam-x{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cam-title{font-size:15px;font-weight:800;color:#fff;letter-spacing:.02em}
.cam-foot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,0))}
.cam-status{font-size:15px;font-weight:700;color:#fff;text-align:center;min-height:20px}
.cam.locked .cam-status{color:#CFE0F2}
.cam-keys{display:flex;gap:10px}
.cam-shot,.cam-type{min-height:46px;padding:0 18px;border-radius:999px;border:0;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.cam-shot{background:#fff;color:var(--t-ink,#0C0D10)}
.cam-type{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cam-type.hide{display:none}
body.pm-premium .pinstack{overflow-y:auto!important;overflow-x:hidden!important}
body.pm-premium .ob-landmine{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}
body.pm-premium .ob-landmine .landmine{width:100%;height:100%;max-height:100%}
body.pm-premium .sess:not(.resting) .sess-stage .stg-obj.ob-landmine{max-width:88%!important;width:88%}