/* HolidayPaper Step 44 — BarCut overlay for Floating 3 only. */
#barcutSlot3Canvas44{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:1!important;opacity:0;pointer-events:none!important;border-radius:inherit;
  transition:opacity .14s linear;background:#000;
}
#transport.barcut3-active #barcutSlot3Canvas44{opacity:1}
#transport.barcut3-active #controlsVideo{opacity:0!important}
#transport.barcut3-active>.level2-video{opacity:0!important}
#barcutMedia44{display:none!important}
#barcutDock44{
  position:absolute!important;z-index:19!important;right:18px;bottom:100px;
  width:min(760px,calc(100vw - 36px));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  pointer-events:auto!important;
}
#barcutTab44{
  float:right;min-height:34px!important;padding:7px 11px!important;border:1px solid rgba(255,213,95,.42)!important;
  border-radius:999px!important;background:rgba(3,8,13,.93)!important;color:var(--gold)!important;
  font:950 9px/1 ui-monospace,monospace!important;letter-spacing:.08em!important;box-shadow:0 8px 28px #0008;
}
#barcutTab44.active{background:var(--gold)!important;color:#171006!important}
#barcutPanel44{
  clear:both;display:none;margin-top:8px;padding:11px;border:1px solid rgba(170,246,255,.28);border-radius:16px;
  background:rgba(2,7,12,.97);box-shadow:0 20px 70px #000b;backdrop-filter:blur(12px);
}
#barcutDock44.open #barcutPanel44{display:block}
#barcutHead44{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
#barcutHead44 strong{font:1000 10px/1 ui-monospace,monospace;letter-spacing:.11em;color:var(--gold)}
#barcutHead44 span{font:850 8px/1.25 ui-monospace,monospace;color:rgba(255,255,255,.58)}
#barcutHeadRight44{display:flex;align-items:center;gap:7px}
#barcutBeatLamp44{width:10px;height:10px;border-radius:50%;background:#173028;border:1px solid rgba(255,255,255,.16)}
#barcutBeatLamp44.on{background:#7dffbf;box-shadow:0 0 13px #7dffbf;transform:scale(1.15)}
.barcut-row44{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}
.barcut-row44 button,.barcut-row44 a{
  min-height:34px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.16);border-radius:10px;
  background:rgba(255,255,255,.055);color:#eefcff;text-decoration:none;font:900 8px/1 ui-monospace,monospace;letter-spacing:.055em;cursor:pointer
}
.barcut-row44 button:hover,.barcut-row44 a:hover{border-color:rgba(170,246,255,.42)}
#barcutMove44{border-color:rgba(255,213,95,.45)!important;color:var(--gold)!important}
#barcutEngage44.active{background:var(--gold)!important;color:#171006!important;border-color:var(--gold)!important}
.barcut-cut44.active{background:rgba(170,246,255,.16)!important;border-color:rgba(170,246,255,.72)!important;color:var(--ice)!important;box-shadow:0 0 0 1px rgba(170,246,255,.08) inset}
#barcutShiftWrap44{display:grid;grid-template-columns:auto minmax(120px,1fr) 84px;gap:8px;align-items:center;flex:1 1 330px;min-width:260px}
#barcutShiftWrap44 label{font:900 8px/1 ui-monospace,monospace;color:rgba(255,255,255,.62);letter-spacing:.08em}
#barcutShift44{width:100%;accent-color:var(--gold)}
#barcutShiftNumber44{width:84px;height:32px;padding:0 7px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#111a23;color:white;font:900 9px ui-monospace,monospace}
#barcutStatus44{margin-top:8px;font:800 8px/1.35 ui-monospace,monospace;color:rgba(255,255,255,.64)}
#barcutStatus44 b{color:var(--ice)}
#barcutSync44{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.barcut-chip44{padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);font:850 7px/1 ui-monospace,monospace;color:rgba(255,255,255,.62)}
.barcut-chip44 b{color:#fff}
@media(max-width:760px){
  #barcutDock44{left:auto;width:min(760px,calc(100vw - 16px))}
  #barcutPanel44{max-height:44vh;overflow:auto;padding:9px}
  #barcutShiftWrap44{grid-template-columns:1fr 76px;min-width:0;flex-basis:100%}
  #barcutShiftWrap44 label{grid-column:1/-1}
  #barcutShiftNumber44{width:76px}
}

/* STEP44 iPhone final: safer thumb targets + bounded scrolling, no desktop redesign. */
@media (pointer:coarse){
  #barcutTab44,.barcut-row44 button,.barcut-row44 a{min-height:44px!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  #barcutPanel44{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  #barcutShift44{min-height:34px}
}
@media(max-width:760px){
  #barcutDock44{width:calc(100vw - 16px)!important;max-width:none!important}
  #barcutPanel44{max-height:min(44dvh,420px);overflow:auto}
}