/* Bird Launch: the canvas fills the host; the HUD, the turn banner and the first-shot hint are paper pieces over it.
   Player 1 is rose, player 2 sky (--pc); the player whose turn it is sits on a sun-tinted chip, a little bigger. */
.ar-launch-cv{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
.ar-launch-cv:active{cursor:grabbing}
.ar-launch-hud{position:absolute;top:max(var(--s3),env(safe-area-inset-top));left:96px;right:max(var(--s4),env(safe-area-inset-right));z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s2) var(--s3);pointer-events:none}
.ar-launch-tag{display:flex;align-items:center;min-height:52px;padding:var(--s1) var(--s4);border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--sh-1);font-family:var(--font-display);font-size:var(--fs-md);color:var(--ink)}
.ar-launch-pl{--pc:var(--rose);display:flex;align-items:center;gap:var(--s2);min-height:60px;padding:var(--s1) var(--s4) var(--s1) var(--s1);border-radius:var(--r-pill);background:var(--paper);color:var(--ink);box-shadow:var(--sh-1),inset 0 0 0 3px var(--pc);
  transition:transform var(--t-ui) var(--ease-out),background-color var(--t-ui) var(--ease-out)}
.ar-launch-pl[data-p="1"]{--pc:var(--sky)}
.ar-launch-pl.ar-launch-on{background:color-mix(in srgb,var(--sun) 60%,var(--paper));transform:scale(1.06)}
.ar-launch-av{width:52px;height:52px;flex:none;border-radius:50%;overflow:hidden;background:var(--paper-2);box-shadow:0 0 0 3px var(--pc)}
.ar-launch-nm{font-family:var(--font-display);font-size:var(--fs-md);max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-launch-pips{display:flex;gap:5px}
.ar-launch-pip{width:16px;height:16px;border-radius:50%;background:var(--pc);box-shadow:inset 0 -3px 0 rgb(var(--shade)/.25);transition:transform var(--t-ui) var(--ease-out),opacity var(--t-ui) var(--ease-out)}
.ar-launch-pip.ar-launch-used{opacity:.22;transform:scale(.7)}
.ar-launch-sc{min-width:1.8em;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:400;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.ar-launch-turn{--pc:var(--rose);position:absolute;left:50%;top:calc(max(var(--s3),env(safe-area-inset-top)) + 88px);z-index:3;display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s5) var(--s2) var(--s2);
  border-radius:var(--r-pill);background:var(--paper);color:var(--ink);box-shadow:var(--sh-2),inset 0 0 0 4px var(--pc);font-family:var(--font-display);font-size:var(--fs-lg);pointer-events:none;
  opacity:0;transform:translate(-50%,-12px) scale(.96);transition:opacity var(--t-ui) var(--ease-out),transform var(--t-ui) var(--ease-out)}
.ar-launch-turn.ar-launch-show{opacity:1;transform:translate(-50%,0) scale(1)}
.ar-launch-turn .ar-launch-av{width:60px;height:60px}
.ar-launch-hint{position:absolute;z-index:2;max-width:240px;padding:var(--s2) var(--s4);border-radius:var(--r-md);background:var(--paper);color:var(--ink);box-shadow:var(--sh-2);font-family:var(--font-display);font-size:var(--fs-md);pointer-events:none;transition:opacity var(--t-ui) var(--ease-out)}
.ar-launch-hint::after{content:"";position:absolute;left:36px;bottom:-10px;border:10px solid transparent;border-bottom:0;border-top-color:var(--paper)}
.ar-launch-hint.ar-launch-gone{opacity:0}
@media (max-width:600px),(max-height:520px){
  .ar-launch-hud{left:84px;gap:var(--s1) var(--s2)}
  .ar-launch-pl{min-height:52px;padding-inline-end:var(--s3)}
  .ar-launch-av{width:40px;height:40px}
  .ar-launch-nm{max-width:4.5em;font-size:var(--fs-sm)}
  .ar-launch-pip{width:12px;height:12px}
  .ar-launch-sc{font-size:var(--fs-lg)}
  .ar-launch-tag{min-height:44px;font-size:var(--fs-sm)}
  .ar-launch-turn{top:calc(max(var(--s3),env(safe-area-inset-top)) + 120px);font-size:var(--fs-md)}
}
@media (prefers-reduced-motion:reduce){
  .ar-launch-pl.ar-launch-on{transform:none}
  .ar-launch-turn,.ar-launch-turn.ar-launch-show{transform:translate(-50%,0)}
}
.ar-launch-rot{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s5);padding:var(--s7) var(--gutter);background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);font-family:var(--font-display);font-size:var(--fs-xl);text-align:center}
.ar-launch-rot[hidden]{display:none}
.ar-launch-phone{width:64px;height:104px;border:7px solid var(--ink);border-radius:16px;background:linear-gradient(var(--sky),var(--leaf));animation:ar-launch-turn 2.4s var(--ease-in-out) infinite}
@keyframes ar-launch-turn{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.ar-launch-phone{animation:none;transform:rotate(-90deg)}}