/* Castellabate PRO 2.1.2 — Premium map reveal handle
   Pure visual refinement: interaction and information architecture preserved. */

/* Replace the technical rectangular control with a discreet premium glass capsule. */
.sheet-handle{
  width:max-content!important;
  min-width:124px!important;
  max-width:72%!important;
  height:31px!important;
  margin:8px auto 4px!important;
  padding:0 13px 0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  position:relative!important;
  appearance:none!important;
  border:1px solid rgba(242,217,151,.26)!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(19,47,66,.78),rgba(6,28,45,.84))!important;
  box-shadow:
    0 9px 22px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(15px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.08)!important;
  color:#ead08a!important;
  touch-action:none!important;
  cursor:grab!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.sheet-handle:active{
  cursor:grabbing!important;
  transform:translateY(1px)!important;
  background:linear-gradient(180deg,rgba(30,59,76,.90),rgba(8,33,51,.93))!important;
  border-color:rgba(244,218,149,.42)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
/* Remove the old top grip line. */
.sheet-handle:after{display:none!important;content:none!important}
/* Elegant down cue. */
.sheet-handle:before{
  content:'⌄';
  width:18px;height:18px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(227,187,91,.12);
  border:1px solid rgba(242,217,151,.18);
  color:#f0d47d;
  font:700 14px/1 Georgia,serif;
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  pointer-events:none;
}
#sheetHandleLabel{
  display:block!important;
  margin:0!important;
  color:#e9d596!important;
  opacity:.92!important;
  font:800 6.8px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
/* Compensate for the new compact control without changing the content hierarchy. */
.sheet-head{height:65px!important;min-height:65px!important}
.sheet-body{height:calc(100% - 108px)!important}

@media (orientation:portrait) and (max-width:430px){
  .sheet-handle{
    min-width:118px!important;
    height:30px!important;
    margin:8px auto 4px!important;
    padding:0 12px 0 9px!important;
  }
  .sheet-handle:before{width:17px;height:17px;font-size:13px}
  #sheetHandleLabel{font-size:6.4px!important;letter-spacing:.12em!important}
  .sheet-head{height:64px!important;min-height:64px!important}
  .sheet-body{height:calc(100% - 106px)!important}
}

@media (prefers-reduced-motion:reduce){
  .sheet-handle{transition:none!important}
}