/* UNITAC v3 — phone layout for the public pages: floating dock, compact header, "Tilt & Glow" hero
   (desktop is unchanged: everything here sits inside max-width:760px) */
.dock,.langbtn{display:none}
@media (max-width:760px){
  html,body{overflow-x:clip}
  body.has-dock{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  body.has-dock .foot{padding-bottom:8px}

  /* ---------- floating dock ---------- */
  .dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
    height:68px;padding:0 2px;border-radius:24px;background:rgba(29,27,24,.92);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
    border:1px solid #3C3731;box-shadow:0 16px 36px -10px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.04)}
  .dock a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#948D80;text-decoration:none;font-size:10.5px;font-weight:500;line-height:1.2;white-space:nowrap;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;transition:color .2s}
  .dock a svg{width:22px;height:22px;transition:transform .3s cubic-bezier(.23,1,.32,1)}
  .dock a:active svg{transform:scale(.88)}
  .dock a[aria-current="page"]{color:#FF7A3C;font-weight:600}
  .dock a[aria-current="page"]::before{content:'';position:absolute;top:-1px;left:50%;width:30px;height:5px;margin-left:-15px;background:#FF7A3C;transform:skewX(-41deg);border-radius:1px;box-shadow:0 0 14px 2px rgba(255,122,60,.55);animation:dockin .45s cubic-bezier(.23,1,.32,1)}
  @keyframes dockin{from{opacity:0;transform:skewX(-41deg) scaleX(.2)}to{opacity:1;transform:skewX(-41deg)}}
  .dock a.dock__book .dock__ic{display:grid;place-items:center;width:38px;height:30px;border-radius:11px;background:#3A2216;color:#FF7A3C;transform:skewX(-8deg)}
  .dock a.dock__book .dock__ic svg{transform:skewX(8deg);width:21px;height:21px}
  .dock a.dock__book{color:#CBC4B8}
  body:has(#editBar:not([hidden])) .dock{display:none}

  /* things that sit at the bottom move above the dock */
  body.has-dock .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  body.has-dock #instBanner{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
  body.has-dock .calcfab{bottom:calc(96px + env(safe-area-inset-bottom,0px))}

  /* ---------- compact header ---------- */
  .top .nav,.mast .mastlink{display:none}
  .top__row{padding-top:12px;padding-bottom:12px;flex-wrap:nowrap}
  .top__logo svg{height:38px}
  .langbtn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:999px;border:1px solid #3C3731;background:rgba(0,0,0,.18);color:#F2EDE5;font:inherit;font-size:13px;font-weight:600;cursor:pointer;flex:none}
  .langbtn svg{width:17px;height:17px}
  .langbtn[aria-expanded="true"]{border-color:#FF7A3C;color:#FF7A3C}
  .top__end{margin-left:8px;gap:8px}
  .top__end:empty{display:none}
  .langbar{display:none!important}
  html.lang-open .langbar{display:flex!important;justify-content:flex-end;padding-bottom:12px;animation:langin .3s cubic-bezier(.23,1,.32,1)}
  @keyframes langin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

  /* ---------- queue page hero: big "today" + three machine tiles ---------- */
  .next{background:#1D1B18;color:#F2EDE5;border:1px solid #2F2B26;border-radius:22px;padding:20px 18px 18px;box-shadow:none}
  .next__glow{inset:-60% -30% auto auto;width:90%;height:170%;background:radial-gradient(closest-side,rgba(255,122,60,.26),transparent 70%);animation:glowfloat 7s ease-in-out infinite}
  @keyframes glowfloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-14px,10px) scale(1.07)}}
  .next__k{opacity:1;color:#948D80}
  .next__day{font-size:52px;font-weight:700;line-height:1.1;margin-top:2px}
  .next__day small{font-family:var(--font-num);font-size:13px;color:#CBC4B8;opacity:1}
  .next__rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:0;padding-top:0;margin-top:16px}
  .next__rows li,.next__rows li.is-d{grid-template-columns:auto minmax(0,1fr);gap:4px 6px;align-content:start;padding:10px;margin:0;border:0;border-radius:12px;background:#27241F;font-size:12.5px;color:#CBC4B8}
  .next__rows li > span:not(.sw):not(.v){line-height:1.3;overflow-wrap:anywhere}
  .next__rows .sw{width:8px;height:8px;border-radius:2px}
  .next__rows .v{grid-column:1/-1;font-family:var(--font-ui);font-size:13px;font-weight:600;white-space:normal;color:#E3A853;opacity:1}
  .next__rows .v.is-now{color:#74C49B}
  .next__book{border-top-color:#2F2B26}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .next__glow{animation:none}
  .dock a[aria-current="page"]::before{animation:none}
}