/* Phone polish, 6 Nov 2026. Uses the approved toast look; no new colours or fonts. */
#play-app .status:has(+ nav.tabs):not(:empty),.j-status:not(:empty){position:fixed;z-index:65;left:50%;bottom:calc(150px + env(safe-area-inset-bottom));width:max-content;max-width:min(calc(100vw - 32px),400px);margin:0;padding:10px 16px;border-radius:16px;background:var(--ink);color:#fff;font-weight:600;font-size:.95rem;line-height:1.3;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.3);pointer-events:none;transform:translateX(-50%);animation:eb-toast 4.4s var(--ease-boing,ease) forwards}
@keyframes eb-toast{0%{opacity:0;transform:translate(-50%,16px)}8%,88%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,6px)}}
.calm #play-app .status:not(:empty),.calm .j-status:not(:empty){animation-name:eb-toast-calm}
@keyframes eb-toast-calm{0%,90%{opacity:1}100%{opacity:0}}
/* 44px finger areas without changing how things look */
.top .pill,.seg>button,.seg>a{position:relative}
.top .pill::after{content:'';position:absolute;inset:-5px -2px}
.seg>button::after,.seg>a::after{content:'';position:absolute;inset:-6px 0}
/* 16 treks: snap card by card, show the count */
.routes{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.routes>*{scroll-snap-align:start}
h2 .route-count{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-left:6px;padding:0 6px;border:2px solid var(--ink);border-radius:99px;background:var(--paper2);font:400 .9rem var(--display,inherit);vertical-align:middle}
.j-status:focus:not(:focus-visible),#play-app .status:focus:not(:focus-visible){outline:none}

/* Free-chip Fallaas: your three cards sit in a small fan, like the Marriage hand (6 Nov 2026). */
.goti-seat.self .goti-hand{padding:6px 4px 0}
.goti-seat.self .goti-hand .goti-card{transform-origin:50% 100%}
.goti-seat.self .goti-hand .goti-card+.goti-card{margin-left:-12px}
.goti-seat.self .goti-hand .goti-card:first-child:not(:last-child){rotate:-9deg;translate:0 5px}
.goti-seat.self .goti-hand .goti-card:last-child:not(:first-child){rotate:9deg;translate:0 5px}
