/* The Elf Tracker page, the 2026 design (Paul, 2 Nov 2026; mock-up /tracker-redesign/ screen 8, .trx-topnav and .trd-*).
   js/tracker-new/tracker-page.js and tracker-view.js html(). One column, max 820px, the whole page scrolls as one.
   The top: elves, Make a video, My account, then the three tabs (sticky, the chosen one lifted and cream). No bottom bar.
   Then one cream card with the tab on show, then the one share card, the Studio card, the call card and Follow us. */
body.tnew .tn.p26{max-width:820px;width:100%;min-width:0;margin:0 auto;padding:0 0 40px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.p26 *{box-sizing:border-box}
.p26 .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p26 :is(a,button):focus-visible{outline:3px solid #F5C24A;outline-offset:3px}
.p26>.tn-pending{margin:0 0 12px}

/* ---------- the top ---------- */
.p26-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
.p26-elves{display:flex;flex-wrap:wrap;gap:6px;min-width:0;flex:1 1 auto}
.p26-elf{flex:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border-radius:999px;border:2px solid rgba(255,255,255,.28);background:rgba(8,20,58,.78);color:#fff;font:800 15px/1.1 'Plus Jakarta Sans',Inter,sans-serif;cursor:pointer}
.p26-elf img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:top;background:#fff;flex:none}
.p26-elf[aria-pressed="true"]{background:var(--cream);color:#0B1D4D;border-color:var(--gold)}
.p26-bar-end{display:flex;gap:8px;margin-left:auto}
.p26 .p26-topbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid rgba(255,255,255,.3);background:rgba(8,20,58,.82);color:#fff;font:800 15px/1 'Plus Jakarta Sans',Inter,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.p26-topbtn svg{width:20px;height:20px;flex:none}
.p26-topbtn:hover{background:rgba(30,50,110,.92)}
.p26-nav{position:sticky;top:8px;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;padding:8px;margin:0 0 30px;border-radius:20px;background:rgba(8,20,58,.9);
  border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.p26 .p26-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:56px;padding:8px 10px;margin:0;border:0;border-radius:14px;background:none;color:#DCE6FF;
  font:800 16px/1.1 'Plus Jakarta Sans',Inter,sans-serif;cursor:pointer;transition:transform .2s,background .2s;text-align:center}
.p26-tab svg{width:24px;height:24px;flex:none}
.p26-tab:hover{background:rgba(255,255,255,.08);color:#fff}
.p26 .p26-tab[aria-selected="true"]{background:var(--cream);color:#0B1D4D;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.35)}
@media (max-width:520px){.p26 .p26-tab{flex-direction:column;gap:4px;font-size:13px;min-height:64px;padding:8px 4px}}

/* ---------- the card ---------- */
.p26-card{position:relative;display:grid;gap:18px;padding:34px 22px 24px;border-radius:26px;background:var(--cream);color:#0B1D4D;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.p26-card::after{content:"";position:absolute;left:-6px;right:-6px;top:-15px;height:36px;z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='36' viewBox='0 0 260 36'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='36' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.42' stop-color='%23fff'/%3E%3Cstop offset='.62' stop-color='%23E4EEFC'/%3E%3Cstop offset='1' stop-color='%23B9D0F2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 8 C10 8 14 3 26 3 C38 3 42 9 54 9 C64 9 70 1 86 1 C102 1 106 8 118 8 C128 8 134 4 146 4 C158 4 162 10 174 10 C184 10 190 2 204 2 C218 2 222 8 234 8 C244 8 250 8 260 8 L260 18 C255.0 18.6 253.0 18.4 250.0 19 C248.8 24.4 247.8 28.0 246.0 28.0 C244.2 28.0 243.2 24.4 242.0 19 C235.0 18.6 231.0 18.4 228.0 19 C226.8 23.2 225.8 26.0 224.0 26.0 C222.2 26.0 221.2 23.2 220.0 19 C208.2 18.6 199.5 18.4 196.5 19 C195.2 25.6 194.0 30.0 192.0 30.0 C190.0 30.0 188.8 25.6 187.5 19 C175.5 18.6 166.5 18.4 163.5 19 C162.4 22.6 161.6 25.0 160.0 25.0 C158.4 25.0 157.6 22.6 156.5 19 C146.2 18.6 139.0 18.4 136.0 19 C134.5 28.0 133.2 34.0 131.0 34.0 C128.8 34.0 127.5 28.0 126.0 19 C114.0 18.6 105.0 18.4 102.0 19 C100.8 25.0 99.8 29.0 98.0 29.0 C96.2 29.0 95.2 25.0 94.0 19 C81.8 18.6 72.5 18.4 69.5 19 C68.5 22.0 67.6 24.0 66.0 24.0 C64.4 24.0 63.5 22.0 62.5 19 C56.5 18.6 53.5 18.4 50.5 19 C49.1 26.2 48.0 31.0 46.0 31.0 C44.0 31.0 42.9 26.2 41.5 19 C31.2 18.6 24.0 18.4 21.0 19 C19.8 23.2 18.8 26.0 17.0 26.0 C15.2 26.0 14.2 23.2 13.0 19 C6.5 18.4 4 18.6 0 18 Z' fill='url(%23g)'/%3E%3Cpath d='M0 15 C80 12.5 180 12.5 260 15' fill='none' stroke='%23EEF4FD' stroke-width='3' opacity='.7'/%3E%3Cpath d='M0 17.6 C60 16.6 200 16.6 260 17.6' fill='none' stroke='%23C7DAF5' stroke-width='1.2' opacity='.8'/%3E%3C/svg%3E") repeat-x left top/260px 36px;border-radius:16px 16px 6px 6px;filter:drop-shadow(0 2px 2px rgba(10,22,56,.28))}
body.tnew .p26 .p26-title{margin:0;font:800 clamp(26px,3.2vw,36px)/1.1 'Plus Jakarta Sans',Inter,sans-serif;color:#0B1D4D;text-shadow:none;text-align:left;overflow-wrap:break-word}
.p26-red{color:#C8102E}
.p26-panel{display:grid;gap:18px;min-width:0}
.p26-panel:focus{outline:0}
@media (max-width:420px){.p26-card{padding:32px 14px 18px}}

/* ---------- Elf HQ: the Elf HQ file ---------- */
.p26-file{display:grid;gap:14px;padding:18px 16px;border-radius:22px;color:#fff;background:linear-gradient(160deg,#0E2560,#06122F);border:1px solid rgba(124,240,169,.3);min-width:0}
.p26-file-top{display:flex;justify-content:space-between;gap:10px;font:700 12px/1 ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.12em;color:#7CF0A9}
.p26-rec{display:inline-block;width:9px;height:9px;border-radius:50%;background:#FF2A3D;margin-right:7px;box-shadow:0 0 8px #FF2A3D;animation:p26Rec 1.1s steps(1) infinite}
@keyframes p26Rec{50%{opacity:.2}}
.p26-who{display:flex;align-items:center;gap:14px;min-width:0}
.p26-face{flex:none;width:78px;height:78px;border-radius:50%;border:3px solid var(--gold);object-fit:cover;object-position:top;background:#fff}
.p26-who>div{min-width:0}
body.tnew .p26 .p26-who h2{margin:0;font:800 30px/1.05 'Plus Jakarta Sans',Inter,sans-serif;color:#fff;overflow-wrap:break-word}
.p26 .p26-status{margin:5px 0 0;font:700 16px/1.35 Inter,sans-serif;color:#FFE7A3}
.p26-radar{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(124,240,169,.35);background:#06102E}
.p26-radar .stage{margin:0;border-radius:0;border:0;outline:0}
.p26-radar .stage svg{display:block;width:100%;height:auto;position:static}
.p26-sweep{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 38px,rgba(124,240,169,.12) 39px 40px)}
.p26-sweep::after{content:"";position:absolute;left:50%;top:50%;width:160%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,rgba(124,240,169,.28),transparent 12%);animation:p26Sweep 4s linear infinite}
@keyframes p26Sweep{to{rotate:360deg}}
.p26-rows{display:grid;gap:2px;margin:0;border-radius:16px;overflow:hidden}
.p26-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px;background:rgba(255,255,255,.07)}
.p26-row dt{font:700 11px/1.25 ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#9FB4E6}
.p26-row dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;font:700 17px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#fff}
.p26-row dd>span{overflow-wrap:break-word}
.p26-chip{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(245,194,74,.18);color:var(--gold);font-size:15px}
.p26 .p26-mini{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.06);color:#fff;font:800 14px/1.1 'Plus Jakarta Sans',Inter,sans-serif;cursor:pointer;text-decoration:none}
.p26 .p26-mini:hover{background:rgba(255,255,255,.16)}
@media (max-width:480px){.p26-row{grid-template-columns:minmax(0,1fr);gap:4px}}
.p26-file .tn-ready{margin:2px 0 0}
.p26-file>.btn{width:100%;margin:0}
.p26-adds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.p26-adds>:only-child{grid-column:1/-1}
.p26 .p26-add{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:6px 12px;border-radius:16px;border:2px dashed rgba(245,194,74,.75);background:rgba(245,194,74,.08);color:#FFE7A3;font:800 15px/1.2 'Plus Jakarta Sans',Inter,sans-serif;cursor:pointer;text-align:center}
.p26 .p26-add i{font-style:normal;font-size:20px;line-height:1}
.p26 .p26-add:hover{background:rgba(245,194,74,.18)}
@media (max-width:360px){.p26-adds{grid-template-columns:minmax(0,1fr)}.p26-adds>:only-child{grid-column:auto}}
.p26-file .tn-xmas,.p26-file .tn-end{margin:0}

/* ---------- Camera room ---------- */
.p26-cam{display:grid;gap:16px;min-width:0}
.p26-latest{margin:0;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 16px 30px -14px rgba(0,0,0,.6)}
.p26 .p26-shot{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:#000;cursor:pointer;color:inherit;font:inherit}
.p26-shot .cctv{margin:0!important;border-radius:0!important;aspect-ratio:16/10}
.p26-shot.off .cctv{border-radius:18px!important;aspect-ratio:16/10}
.p26-bigplay{position:absolute;left:50%;top:50%;z-index:4;translate:-50% -50%;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(200,16,46,.92);color:#fff;
  box-shadow:0 0 0 6px rgba(255,255,255,.35),0 10px 24px rgba(0,0,0,.5);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.p26-bigplay svg{width:38px;height:38px;margin-left:5px}
.p26-shot:hover .p26-bigplay{transform:scale(1.08)}
.p26-latest figcaption{display:grid;gap:4px;padding:16px 18px 18px;background:linear-gradient(180deg,#14306F,#0B1D4D);color:#DCE6FF;font-size:16px;line-height:1.45}
.p26-latest figcaption>b{color:var(--gold);font:800 13px/1.25 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.p26 .p26-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:8px 22px;border:0;border-radius:999px;background:var(--red);color:#fff;
  font:800 18px/1.15 'Plus Jakarta Sans',Inter,sans-serif;cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 5px 0 #8E1525,0 12px 24px rgba(0,0,0,.2)}
.p26 .p26-btn.green{background:#1E9A4F;box-shadow:0 5px 0 #11663A,0 12px 24px rgba(0,0,0,.2)}
.p26 .p26-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #11663A}
.p26-btn svg{width:22px;height:22px;flex:none}
body.tnew .p26 .p26-h3{margin:4px 0 -6px;font:800 13px/1.2 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4A5B7D;text-shadow:none}
.p26 .p26-note{margin:0;font-size:15px;color:#4A5B7D}
.p26-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:10px}
.p26-strip>li{display:flex;min-width:0}
.p26 .p26-tile{flex:1;display:grid;grid-template-rows:auto 1fr;min-width:0;padding:0;margin:0;border:0;border-radius:14px;overflow:hidden;background:#fff;color:#0B1D4D;font:inherit;text-align:center;
  box-shadow:0 8px 18px -12px rgba(11,29,77,.55)}
.p26 button.p26-tile{cursor:pointer;outline:3px solid #17803F;outline-offset:-3px;transition:transform .2s}
.p26 button.p26-tile:hover{transform:translateY(-3px)}
.p26 button.p26-tile:focus-visible{outline:3px solid #2F5FB8;outline-offset:2px}
.p26-tile-pic{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:#0B1D4D}
.p26-tile-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p26-tile-play{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(200,16,46,.92);color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.4)}
.p26-tile-play svg{width:18px;height:18px;margin-left:2px}
.p26-tile-pic em{position:absolute;left:6px;top:6px;z-index:1;padding:2px 7px;border-radius:6px;background:var(--gold);color:#0B1D4D;font:800 10px/1.3 Inter,sans-serif;font-style:normal;text-transform:uppercase}
.p26-tile-txt{display:grid;place-items:center;min-height:44px;padding:8px 6px;font:800 13.5px/1.2 'Plus Jakarta Sans',Inter,sans-serif;overflow-wrap:break-word}
.p26 .p26-tile.locked{background:#E6EBF5;color:#5E6E90;box-shadow:none}
.p26-tile.locked .p26-tile-pic{background:#CED7EA}
.p26-tile.locked .p26-tile-pic b{font-size:26px;line-height:1}
/* phones: 5 sightings as 2 big then 3, no empty slot (Paul's rule); 4 as 2 and 2 */
@media (max-width:600px){
  .p26-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
  .p26-strip>li{grid-column:span 2}
  .p26-strip>li:nth-child(-n+2){grid-column:span 3}
  .p26-strip[data-n="4"]>li,.p26-strip[data-n="2"]>li{grid-column:span 3}
  .p26-strip[data-n="3"]>li{grid-column:span 2}
}

/* ---------- Flight home ---------- */
.p26-fly{display:grid;gap:14px;padding:20px;border-radius:20px;background:#0B1D4D;color:#DCE6FF;min-width:0}
body.tnew .p26 .p26-fly h2{margin:0;font:800 24px/1.15 'Plus Jakarta Sans',Inter,sans-serif;color:#fff;text-shadow:none}
.p26-fly .p26-red{color:var(--gold)}
.p26 .p26-fly-k{margin:0;font:700 16px/1.35 Inter,sans-serif;color:#DCE6FF}
.p26 .p26-fly-k.big{font:800 20px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#fff}
.p26-count{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p26-count>div{display:grid;justify-items:center;gap:4px;padding:12px 4px;border-radius:14px;background:rgba(255,255,255,.08)}
.p26-count b{font:900 34px/1 'Plus Jakarta Sans',Inter,sans-serif;color:var(--gold);font-variant-numeric:tabular-nums}
.p26-count span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.p26 .p26-fly-line{margin:0;font-size:16px;line-height:1.5;color:#DCE6FF}
.p26-route{display:flex;align-items:center;gap:10px;padding:14px 0 4px;font:800 14px/1.2 'Plus Jakarta Sans',Inter,sans-serif;color:#fff}
.p26-route>span{flex:none;max-width:36%;overflow-wrap:break-word}
.p26-route>i{position:relative;flex:1;min-width:40px;height:3px;background:repeating-linear-gradient(90deg,#F5C24A 0 10px,transparent 10px 18px)}
.p26-route>i>b{position:absolute;top:-15px;left:clamp(0px,calc(var(--at,0%) - 13px),calc(100% - 26px));font-size:24px;line-height:1;font-weight:400}
.p26-route.wait>i>b{animation:p26Sleigh 6s ease-in-out infinite alternate}
@keyframes p26Sleigh{from{left:0}to{left:calc(100% - 26px)}}
.p26-globe{display:grid;gap:8px}
.p26-globe .stage{margin:0;border-radius:16px;border:0;outline:0;background:radial-gradient(circle at 50% 45%,#1E3F92,#0B1D4D 75%)}
.p26-globe .stage svg{display:block;width:100%;height:auto;position:static}
.p26-fly.eve{border:2px solid var(--gold)}

/* ---------- under the card: the share card, the Studio card, the call card ---------- */
.p26-more{display:grid;gap:34px;margin-top:34px;min-width:0}
.p26-more>*{margin:0!important;min-width:0}
/* the one share card: gold, the reward, the 3-friend track, big buttons */
.p26 .tn-fc,.p26 .tn-fc.sb-card,.p26 .tn-winstrip{position:relative;overflow:hidden;background:radial-gradient(80% 60% at 50% 0%,#FFF6D6,#FFE7A3 60%,#F5C24A);box-shadow:0 0 0 3px #F5C24A,0 18px 34px -16px rgba(0,0,0,.6);border-radius:22px;color:#0B1D4D}
.p26 .tn-fc,.p26 .tn-fc.sb-card{padding:28px 20px 22px}
.p26 .tn-fc::before,.p26 .tn-fc.sb-card::before{content:"";position:absolute;inset:-40%;height:auto;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.5),transparent 25%);animation:p26Sweep 6s linear infinite;pointer-events:none}
.p26 .tn-fc>*{position:relative}
.p26 .tn-fc.sb-card h2{text-align:center;margin-left:auto;margin-right:auto}
.p26 .tn-fc.sb-card>.tn-k{text-align:center}
.p26 .tn-fc .sb-prize{background:rgba(255,255,255,.7)}
.p26 .tn-fc .sb-btn{background:#fff;color:#0B1D4D;border-color:#0B1D4D}
.p26 .tn-fc .sb-rules,.p26 .tn-fc .sb-rules summary{color:#6B5317}
.p26 .tn-fc .sb-wa,.p26 .tn-fc .sb-btn{min-height:56px;font-size:17px}
.p26 .tn-fc .fc-signoff{font:700 22px/1.1 'Caveat','Plus Jakarta Sans',cursive;color:#B3122A}
.p26 .tn-winstrip-wrap{margin:0}
/* the Studio card: the video beside the words (mock-up .trd-studio) */
.p26 .tn-app.tn-video{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:26px 24px;border-radius:22px;background:linear-gradient(160deg,#071a46,#0b2560);border:2px solid #E71940;color:#DCE6FF;box-shadow:0 0 34px rgba(231,25,64,.25)}
.p26 .tn-app.tn-video::after{display:none}
.p26 .tn-video .tn-app-pic{position:relative;width:170px;aspect-ratio:9/16;height:auto;border-radius:16px;overflow:hidden;border:6px solid #1d2230;box-shadow:0 0 0 2px #3a4050,0 0 30px rgba(110,255,160,.35);rotate:-2deg;margin:0}
.p26 .tn-video .tn-app-pic .tn-pill{position:absolute;left:8px;bottom:8px;top:auto;right:auto}
.p26 .tn-video .tn-app-txt{display:grid;gap:12px;justify-items:start;min-width:0}
body.tnew .p26 .tn-video h2{margin:0;color:#fff;font-size:clamp(22px,2.4vw,28px);line-height:1.15}
.p26 .tn-video .btn{width:auto;min-height:56px;padding:0 28px}
/* the call card: the ringing phone beside the words (mock-up .trd-call) */
.p26 .cl-feat{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto;column-gap:24px;row-gap:10px;align-items:start;padding:26px 24px;border-radius:22px;
  background:radial-gradient(70% 80% at 0% 0%,rgba(60,220,130,.25),transparent 60%),linear-gradient(160deg,#14306F,#0B1D4D);border:2px solid rgba(245,194,74,.7);color:#DCE6FF}
.p26 .cl-feat.thanks{background:radial-gradient(120% 90% at 0% 0%,#C2263F 0%,#7A1426 55%,#3B0A16 100%)}
.p26 .cl-feat>*{grid-column:2}
.p26 .cl-feat-top{display:contents}
.p26 .cl-feat-phone{grid-column:1;grid-row:1/span 8;align-self:center;display:grid;justify-items:center;align-content:space-between;gap:8px;width:150px;aspect-ratio:9/18;padding:16px 8px 14px;border-radius:26px;
  background:linear-gradient(180deg,#1b2a55,#0a1433);box-shadow:0 0 0 6px #b9bec7,0 18px 30px rgba(0,0,0,.5);color:#fff;text-align:center;animation:p26Ring 3s ease-in-out infinite}
@keyframes p26Ring{0%,60%,100%{rotate:0deg}64%{rotate:-6deg}68%{rotate:6deg}72%{rotate:-6deg}76%{rotate:6deg}80%{rotate:0deg}}
.p26 .cl-feat-pl{font-size:11px;color:#9FB4E6;letter-spacing:.04em}
.p26 .cl-feat-phone .cl-feat-face{width:70px;height:70px}
.p26 .cl-feat-pn{font:800 15px/1.1 'Plus Jakarta Sans',Inter,sans-serif;overflow-wrap:break-word}
.p26 .cl-feat-ps{font-size:11px;color:#9FB4E6;margin-top:-6px}
.p26 .cl-feat-pb{display:flex;gap:26px}
.p26 .cl-feat-pb i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal}
.p26 .cl-feat-pb i svg{width:18px;height:18px}
.p26 .cl-feat-pb .no{background:#E0283F}.p26 .cl-feat-pb .yes{background:#1E9A4F;animation:p26Bounce 1s ease-in-out infinite}
@keyframes p26Bounce{50%{translate:0 -4px}}
.p26 .cl-feat-head{min-width:0}
body.tnew .p26 .cl-feat h2{color:#fff;font-size:clamp(22px,2.4vw,28px)}
.p26 .tn .btn.cl-feat-btn,.p26 .btn.cl-feat-btn{margin-top:6px}
/* outside the 2026 page (the Me page): the phone shows only the face, as before */
.cl-feat-phone{display:contents}
.cl-feat-pl,.cl-feat-pn,.cl-feat-ps,.cl-feat-pb{display:none}
.p26 .cl-feat-phone .cl-feat-pl,.p26 .cl-feat-phone .cl-feat-pn,.p26 .cl-feat-phone .cl-feat-ps{display:block}
.p26 .cl-feat-phone .cl-feat-pb{display:flex}
.p26 .cl-panel{display:grid;gap:14px}
.p26 .tn-follow{margin:0}
@media (max-width:640px){
  .p26 .tn-app.tn-video,.p26 .cl-feat{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:26px 18px}
  .p26 .cl-feat>*,.p26 .cl-feat-phone{grid-column:1}
  .p26 .cl-feat-phone{grid-row:auto;margin:6px 0 10px}
  .p26 .tn-video .tn-app-txt{justify-items:center}
  .p26 .tn-video .tn-app-pic{width:200px}
  .p26 .cl-feat-price{justify-content:center}
  .p26 .cl-feat-tags{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.p26 *,.p26 *::before,.p26 *::after{animation:none!important;transition:none!important}}
/* the hand-over screen (kids.js handover): a 16px side gutter on phones like the rest of the tracker (phone test, 2 Nov 2026) */
@media (max-width:699px){body.tnew main#app.tk.tk-handover{padding-left:16px!important;padding-right:16px!important}}
/* laptops: the map and the file's rows side by side, the same height (no gaps) */
@media (min-width:720px){
  .p26-file{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}
  .p26-file>*{grid-column:1/-1}
  .p26-file>.p26-radar{grid-column:1}
  .p26-file>.p26-rows{grid-column:2;grid-auto-rows:1fr;align-content:stretch}
  .p26-row{grid-template-columns:minmax(0,1fr);gap:6px;align-content:center}
}
/* small phones: Make a video and My account share one row, equal widths */
.p26-bar-end{min-width:0;max-width:100%}
@media (max-width:420px){
  .p26-bar-end{width:100%;margin-left:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
  .p26 .p26-topbtn{justify-content:center;padding:0 10px;font-size:14px;min-width:0}
  .p26 .p26-topbtn span{overflow:hidden;text-overflow:ellipsis}
}
.p26-more>:empty{display:none}
@media (max-width:360px){.p26 .p26-topbtn svg{display:none}.p26-file-top>span:last-child{display:none}}

/* ======== design test fixes, 2 Nov 2026 ======== */
/* D. a short header: the tabs and a small round My account button, the Elf chips inside the card */
.p26-navwrap{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch;margin:0 0 26px}
.p26-navwrap.has-me{grid-template-columns:minmax(0,1fr) auto}
.p26-navwrap .p26-nav{position:static;margin:0}
.p26 .p26-me{display:grid;place-items:center;width:56px;min-height:56px;padding:0;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:rgba(8,20,58,.9);color:#fff;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.p26-me svg{width:26px;height:26px}
.p26 .p26-me:hover{background:rgba(30,50,110,.95)}
@media (max-width:520px){.p26 .p26-me{width:48px}}
.p26-card>.p26-elves{margin:-6px 0 -4px}
.p26-card .p26-elf{background:#fff;color:#0B1D4D;border-color:#D6DDEE}
.p26-card .p26-elf[aria-pressed="true"]{background:#0B1D4D;color:#fff;border-color:var(--gold)}
/* the tracker page starts right under the logo (tracker-new.css gave .tn a tall top space) */
@media (max-width:759px){body.tnew main.tk-tracker .tn.p26{padding-top:6px!important}}
/* K. Santa's sleigh (pizzazz.js, on canvas.pz-sky, layer 1) flies behind the tracker's boxes, not across them */
body.tnew main#app{position:relative;z-index:2}body.tnew main#app>.tn.p26{position:relative;z-index:2}
body.tnew .nav .lang{position:relative;z-index:3}

/* E. one red button per tab: Ready to show on Elf HQ. Everything under the card is secondary and compact. */
.p26-more{gap:26px;margin-top:28px}
.p26 .p26-more .btn.red,.p26 .p26-more .cl-feat-btn,.p26 .p26-more .tn-winstrip .go,.p26 .p26-more #ctaB{background:#fff!important;color:#0B1D4D!important;border:2px solid #0B1D4D;box-shadow:0 4px 0 rgba(11,29,77,.35)!important}
.p26 .p26-more .cl-feat-btn svg path{fill:#0B1D4D}
.p26 .tn-app.tn-video,.p26 .cl-feat{padding:20px 18px}
.p26 .tn-video .tn-app-pic{width:130px}
.p26 .cl-feat-phone{width:124px;padding:12px 6px 10px}
.p26 .cl-feat-phone .cl-feat-face{width:58px;height:58px}
@media (max-width:640px){
  .p26 .tn-app.tn-video{grid-template-columns:110px minmax(0,1fr);justify-items:start;text-align:left;gap:16px}
  .p26 .tn-video .tn-app-pic{width:110px}
  .p26 .tn-video .tn-app-txt{justify-items:start}
  body.tnew .p26 .tn-video h2{font-size:19px}
  .p26 .tn-video .btn{min-height:48px;padding:0 16px;font-size:15px}
  .p26 .cl-feat{grid-template-columns:104px minmax(0,1fr);justify-items:start;text-align:left;gap:8px 16px}
  .p26 .cl-feat>*{grid-column:2}
  .p26 .cl-feat-phone{grid-column:1;grid-row:1/span 8;width:104px;margin:0;align-self:start}
  .p26 .cl-feat-phone .cl-feat-pb{gap:14px}
  .p26 .cl-feat-tags,.p26 .cl-feat-price{justify-content:flex-start}
  body.tnew .p26 .cl-feat h2{font-size:19px}
  .p26 .cl-feat-btn{grid-column:1/-1!important;width:100%}
}
@media (max-width:360px){
  .p26 .tn-app.tn-video{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
  .p26 .tn-video .tn-app-txt{justify-items:center}
  .p26 .cl-feat{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
  .p26 .cl-feat>*,.p26 .cl-feat-phone{grid-column:1}
  .p26 .cl-feat-phone{grid-row:auto}
}
/* F. laptops: Studio and the call side by side, the same height, each card one column (no empty half) */
@media (min-width:900px){
  .p26-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
  .p26-pair>*{margin:0!important;min-width:0}
  .p26-pair .tn-app.tn-video,.p26-pair .cl-feat{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;align-content:start;height:100%}
  .p26-pair .cl-feat>*,.p26-pair .cl-feat-phone{grid-column:1}
  .p26-pair .cl-feat-phone{grid-row:auto}
  .p26-pair .tn-video .tn-app-txt{justify-items:center}
  .p26-pair .tn-video .tn-app-pic{width:150px}
  .p26-pair .cl-feat-tags,.p26-pair .cl-feat-price{justify-content:center}
  .p26-pair .cl-panel{height:100%}
  .p26-pair .cl-panel>.cl-feat{height:100%}
}
@media (max-width:899px){.p26-pair{display:grid;gap:26px}}
/* B/C. the invite strip: room under its icicles */
.p26 .tn-winstrip{padding-top:30px!important}

/* I. Camera room tiles: one size, one scrolling row on phones; the latest one marked */
.p26-tile-pic em.now{background:#C8102E;color:#fff}
@media (max-width:600px){
  .p26-strip{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .p26-strip>li,.p26-strip>li:nth-child(-n+2),.p26-strip[data-n]>li{grid-column:auto!important;scroll-snap-align:start}
  .p26-tile-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:44px;padding:0 8px}
}
@media (max-width:360px){.p26-strip{grid-auto-columns:56%}}

/* J. phones on their side: the latest sighting fits under the sticky tabs */
@media (max-height:500px) and (orientation:landscape){
  .p26-latest{max-width:calc((100svh - 210px) * 1.6);min-width:260px;width:100%;margin:0 auto}
  .p26-navwrap{top:4px;margin-bottom:18px}
  .p26 .p26-tab{min-height:44px;flex-direction:row;font-size:14px}
  .p26 .p26-me{min-height:44px}
}

/* G. the hand-over screen: its buttons are not pinned over the steps */
body.tnew main.tk-handover #ready,body.tnew main.tk-handover #back{position:static!important;bottom:auto!important}
body.tnew main.tk-handover #back{width:100%;margin-top:10px}
/* L. kids.js feedHtml: Elf HQ's words move to the top when the Elf is low on the map */
.monitor .rmsg.top{top:13%;bottom:auto}
.rc-screen .rc-msg.top{top:13%;bottom:auto}
/* coordinator 2: the one share strip shows at every size (tracker-new-polish.css hid it from 1000px for the old layout) */
.p26 .tn-winstrip-wrap{display:block!important}.p26 .tn-winstrip-wrap .tn-winstrip{display:flex!important}.p26 .tn-winstrip-wrap .tn-winstrip-fine{display:block!important}
/* 13. 2 or 3 Elves: one row of equal chips; the Add buttons on one line */
.p26-card>.p26-elves{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.p26-card .p26-elf{justify-content:flex-start;min-width:0}
.p26-card .p26-elf{overflow:hidden;text-overflow:ellipsis}
.p26 .p26-add{white-space:nowrap;font-size:14px;padding:6px 8px}
@media (max-width:360px){.p26 .p26-add{white-space:normal}}
/* links that a parent must use are buttons: "Another country? Change it" in the Change town pop-up */
.tn-pop .tp-cfbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid #0B1D4D;background:#fff;color:#0B1D4D!important;font-weight:800;text-decoration:none}
/* 9. the prize pop-up's share button is green like every other share button */
.tn-pop .win .btn.red,.tn-pop-in.win .btn.red{background:#1E9A4F!important;box-shadow:0 5px 0 #11663A!important}
/* coordinator 3: the free-call pop-up after saving fits a small phone with no scrolling (360x640, iPhone SE) */
.tn-pop-in.fcpop{gap:6px;padding:18px 14px 12px}
.fcpop h2{font-size:20px!important;margin:0 0 4px!important}
.fcpop .sb-prize{padding:6px;gap:8px}
.fcpop .sb-prize img{width:44px;height:44px}
.fcpop .sb-prize small{font-size:12.5px}
.fcpop .sb-track{transform:scale(.82);margin:-6px 0}
.fcpop .sb{gap:7px}
.fcpop .sb-wa,.fcpop .sb-fb{padding:11px 12px;font-size:16px;margin:0}
.fcpop .sb-btn{min-height:42px}
.fcpop .sb-sign{font-size:17px;margin-top:2px}
.fcpop .fc-fine{font-size:12px!important;line-height:1.35!important;margin:0}
.fcpop .sb-later{min-height:44px;margin-top:4px;padding:6px}
@media (max-height:680px){.tn-pop-in.fcpop>.tn-k{display:none}.fcpop .sb-prize small{display:none}}

/* ======== more than one child and more than one Elf (Paul, 2 Nov 2026) ======== */
/* "Choose an Elf": one big chip per Elf, its picture, its name and its children; the chosen one lifted */
.p26-choose{display:grid;gap:8px;margin:-6px 0 -2px}
.p26-choose-k{font:800 13px/1.2 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4A5B7D}
.p26-card .p26-choose>.p26-elves{display:grid;grid-auto-flow:row;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:10px;margin:0}
.p26-card .p26 .p26-elf,.p26-card .p26-elf{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:0;padding:12px 8px;border-radius:18px;
  border:3px solid #D6DDEE;background:#fff;color:#0B1D4D;text-align:center;white-space:normal;overflow:visible;transition:transform .2s,box-shadow .2s}
.p26-card .p26-elf img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #fff;box-shadow:0 0 0 2px #D6DDEE}
.p26-elf-txt{display:grid;gap:2px;min-width:0;width:100%}
.p26-elf-txt b{font:800 17px/1.15 'Plus Jakarta Sans',Inter,sans-serif;overflow-wrap:break-word}
.p26-elf-txt small{font:600 13px/1.3 Inter,sans-serif;color:#4A5B7D;overflow-wrap:break-word}
.p26-card .p26-elf[aria-pressed="true"]{background:#0B1D4D;color:#fff;border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 22px -10px rgba(11,29,77,.7)}
.p26-card .p26-elf[aria-pressed="true"] img{box-shadow:0 0 0 3px var(--gold)}
.p26-card .p26-elf[aria-pressed="true"] small{color:#FFE7A3}
/* 3 Elves on a small phone: still one row, smaller pictures */
@media (max-width:420px){.p26-card .p26-choose>.p26-elves[style*="--n:3"] .p26-elf img{width:44px;height:44px}.p26-card .p26-choose>.p26-elves[style*="--n:3"] .p26-elf-txt b{font-size:15px}}
@media (max-width:420px){.p26-card .p26-choose>.p26-elves[style*="--n:4"],.p26-card .p26-choose>.p26-elves[style*="--n:5"],.p26-card .p26-choose>.p26-elves[style*="--n:6"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the heading says whose page it is */
.p26-head{display:grid;gap:4px}
.p26 .p26-for{margin:0;font:700 18px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#26365F}
.p26 .p26-also{flex-basis:100%;font:600 14px/1.35 Inter,sans-serif;color:#FFE7A3}
/* adding a child: which Elf, as picture chips */
.tn-kidelf{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:8px 0}
.tn-kidelf legend{font-weight:800;margin-bottom:8px;padding:0}
.tn-kidelf .p26-elfpick{display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 14px 6px 6px;border-radius:999px;border:3px solid #D6DDEE;background:#fff;color:#0B1D4D;font-weight:800;cursor:pointer}
.tn-kidelf .p26-elfpick input{position:absolute;opacity:0;width:1px;height:1px}
.tn-kidelf .p26-elfpick img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top}
.tn-kidelf .p26-elfpick:has(input:checked){background:#0B1D4D;color:#fff;border-color:var(--gold)}
.tn-kidelf .p26-elfpick:has(input:focus-visible){outline:3px solid #2F5FB8;outline-offset:2px}
/* the first sighting of each Elf says whose it is (kids.js hqreveal) */
.hq-whose{display:inline-flex;align-items:center;gap:10px;margin:0 auto 10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(8,20,58,.82);border:2px solid rgba(245,194,74,.7);color:#fff;font:800 16px/1.25 'Plus Jakarta Sans',Inter,sans-serif;text-shadow:none}
.hq-whose img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid #fff}
body.tnew main.tk--ob .hq-whose,body.tnew main.tk--ob .hq-whose span{color:#fff!important}
.body>.hq-whose{align-self:center}
/* the set-up's Elf HQ file: each Elf with its children */
.trx-pair{display:block;font-weight:700}
.trx-pair b{color:var(--gold,#F5C24A)}
.p26-elf-txt b{overflow-wrap:normal;word-break:normal;hyphens:manual}
@media (max-width:360px){.p26-card .p26-choose>.p26-elves[style*="--n:3"]{gap:6px}.p26-card .p26-choose>.p26-elves[style*="--n:3"] .p26-elf{padding:10px 4px}.p26-card .p26-choose>.p26-elves[style*="--n:3"] .p26-elf-txt b{font-size:14px}.p26-card .p26-choose>.p26-elves[style*="--n:3"] .p26-elf-txt small{font-size:12px}}
/* never cut a name in half (2 Nov 2026): words break only between names, long Elf names get smaller to fit */
body.tnew .p26 .p26-who h2{font-size:clamp(20px,7.4vw,30px);hyphens:manual;word-break:normal}
body.tnew .p26 .p26-title{font-size:clamp(22px,7vw,36px);hyphens:manual;word-break:normal}
.p26 .p26-elf-txt b{font-size:clamp(13px,4.2vw,17px)}
.p26 :is(.p26-elf-txt,.p26-for,.p26-row dd,.p26-chip,.trx-pair,.trx-row dd){hyphens:manual;word-break:normal}
/* the switcher chips: the same height in a row, whatever the names */
.p26-card .p26-choose>.p26-elves{align-items:stretch}
.p26-card .p26-elf{height:100%}

/* ======== never confuse a family (2 Nov 2026) ======== */
/* 4 or more Elves: one row of smaller chips (picture and name) that scrolls sideways; the chosen one marked */
.p26-card .p26-choose.many>.p26-elves{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(96px,1fr);overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 8px;margin:0 -2px;scrollbar-width:thin}
.p26-card .p26-choose.many .p26-elf{scroll-snap-align:start;padding:8px 6px}
.p26-card .p26-choose.many .p26-elf img{width:40px;height:40px}
.p26-card .p26-choose.many .p26-elf-txt small{display:none}
.p26-card .p26-choose.many .p26-elf-txt b{font-size:14px}
.p26 .p26-landed{margin:-6px 0 0;font:800 18px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#17803F}
.p26 .p26-max{margin:0;grid-column:1/-1;font:700 14px/1.3 Inter,sans-serif;color:#FFE7A3;text-align:center;align-self:center}
.p26-alsomore{flex-basis:100%}
.p26-alsomore summary{cursor:pointer;min-height:32px;text-decoration:underline}
.p26-alsomore span{display:block;margin-top:4px}
/* the call card says whose order it is */
.p26 .cl-feat-for{margin:4px 0 0;font:700 15px/1.35 Inter,sans-serif;color:#FFE7A3}
.cl-feat-more{font-size:14px!important;color:#DCE6FF!important}
/* the call order: whose call, on every step */
.cl-from{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;font:800 14px/1.2 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold,#F5C24A)}
.cl-from .cl-face{width:36px;height:36px}
/* the hand-over and the children's screen: the chosen Elf at the top */
.ho-elf{display:inline-flex}
main.tk-handover .ho-elf{margin:0 0 10px}
/* set-up: 2 or more children, the ages behind one button; at 6, a line instead of a vanishing button */
.qnames.no-ages .qage{display:none!important}
.qagesbtn{width:100%;margin-top:8px}
.qmax{text-align:center}
/* the free call: you choose who */
.fc-choose{margin:4px 0 0;font-weight:700}
/* Me page: which Elf or Elves each child belongs to */
.tn-me-elves{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.tn-me-elf{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;border-radius:999px;background:rgba(245,194,74,.16);font-size:12.5px;font-weight:700}
.tn-me-elf img{width:20px;height:20px;border-radius:50%;object-fit:cover;object-position:top}
.tn-me-line{flex-wrap:wrap}.tn-me-line>.tn-me-elves{order:3;flex-basis:100%}
/* set-up Elf HQ file: the Elves row grows and takes the full width */
#app.tk-s26 .trx-row[data-row="elf"] dd{height:auto;min-height:0;white-space:normal}
#app.tk-s26 .trx-rows .trx-row[data-row="elf"]:has(.trx-pair){grid-column:1/-1}
.trx-more{color:#9FB4E6;font-weight:600}
.p26-home{font-size:20px}

/* ======== round 1 fixes (2 Nov 2026) ======== */
/* Me page: whole Elf chips that wrap as chips, on their own line under the child's name */
.tn-me-line>.tn-me-elves{display:flex;flex-wrap:wrap;gap:6px}
.tn-me-elf{white-space:nowrap;flex-shrink:0}
.tn-me-pic{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:top;vertical-align:middle;margin-right:8px;border:2px solid #fff}
.mep-add{margin-top:10px}
.mep-callelf{display:block;width:100%;margin-top:10px}
/* call order: a chosen child has a tick and is clearly filled; the others are plainly unchosen */
.cl-kidchips .chip[aria-pressed="true"]{background:#0B1D4D!important;color:#fff!important;border-color:#0B1D4D!important}
.cl-kidchips .chip[aria-pressed="true"]::before{content:"\2713\00a0"}
.cl-kidchips .chip[aria-pressed="false"]{background:#fff!important;color:#4A5B7D!important;border:2px dashed #B9C2D6!important;opacity:.8}
/* switcher chips: names shrink to fit, never cut */
.p26-card .p26-elf{padding-left:4px;padding-right:4px}
@media (max-width:420px){.p26-card .p26-choose:not(.many)>.p26-elves[style*="--n:3"] .p26-elf-txt b{font-size:12.5px;letter-spacing:-.01em}}
.p26-card .p26-choose.many>.p26-elves{grid-auto-columns:minmax(112px,1fr)}
.p26-card .p26-choose.many .p26-elf-txt small{display:block;font-size:11.5px}
/* set-up Elf HQ file: the Elves row grows */
#app.tk-s26 .trx-row[data-row="elf"],#app.tk-s26 .trx-row[data-row="elf"] dd{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;-webkit-line-clamp:unset!important;display:block}
#app.tk-s26 .trx-row[data-row="kids"] dd .chip{white-space:normal;max-width:none;overflow:visible;text-overflow:clip}
/* the free call: "Order my free call" is the card's big red button */
.p26 .p26-more #fcOrder{background:var(--red)!important;color:#fff!important;border:0!important;box-shadow:0 5px 0 #8E1525!important;width:100%;min-height:58px;font-size:18px}
/* the share pop-up: Maybe later is a quiet button, not a third big one */
.tn-pop .sb-later,.fcpop .sb-later{background:none!important;border:2px solid #C9D2E6!important;color:#4A5B7D!important;box-shadow:none!important;min-height:44px;font-size:15px}
/* set-up Elf HQ file: the Watching box grows with the names too */
#app.tk-s26 .trx-row[data-row="kids"],#app.tk-s26 .trx-row[data-row="kids"] dd{height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;display:block}

/* ======== the ONE share design: the gold gift tag with the family's Elf (Paul chose G3, 2 Nov 2026; gift-tag.js) ======== */
.gt-hang{position:relative;padding-top:46px;max-width:380px;margin:0 auto}
.gt-hang::before{content:"";position:absolute;left:50%;top:0;width:3px;height:52px;background:linear-gradient(#D8283C,#A81C2D);transform:translateX(-50%) rotate(8deg);transform-origin:top;border-radius:2px;z-index:1}
.gt-tag{position:relative;margin:0 auto;padding:44px 22px 20px;text-align:center;color:#0B1D4D;background:linear-gradient(160deg,#FFE7A3,#F2C14E 45%,#C9962A);
  clip-path:polygon(18% 0,82% 0,100% 13%,100% 100%,0 100%,0 13%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}
.gt-hole{position:absolute;left:50%;top:16px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#0A1840;box-shadow:inset 0 0 0 3px rgba(0,0,0,.15)}
.gt-gift{display:block;width:104px;height:104px;margin:-6px auto 4px}
.gt-gift svg{width:100%;height:100%;overflow:visible}
.gt-gift .gg-box{transform-origin:48px 86px;animation:ggWiggle 3.2s ease-in-out infinite}
.gt-gift .gg-lid{transform-origin:48px 48px;animation:ggLid 3.2s ease-in-out infinite}
.gt-gift .gg-spark path{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;animation:ggSpark 3.2s ease-out infinite}
.gt-gift .gg-spark path:nth-child(2){animation-delay:.12s}.gt-gift .gg-spark path:nth-child(3){animation-delay:.24s}.gt-gift .gg-spark path:nth-child(4){animation-delay:.36s}
@keyframes ggWiggle{0%,8%,30%,100%{transform:rotate(0)}12%{transform:rotate(-5deg)}17%{transform:rotate(5deg)}22%{transform:rotate(-3deg)}26%{transform:rotate(2deg)}}
@keyframes ggLid{0%,30%,62%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-14px) rotate(-9deg)}50%{transform:translateY(-10px) rotate(6deg)}}
@keyframes ggSpark{0%,34%{opacity:0;transform:scale(.2)}44%{opacity:1;transform:scale(1.15)}62%,100%{opacity:0;transform:scale(.6)}}
@media (prefers-reduced-motion:reduce){.gt-gift .gg-box,.gt-gift .gg-lid,.gt-gift .gg-spark path{animation:none}.gt-gift .gg-spark path{opacity:.8}}
.gt-tag .gt-love{margin:10px 0 0;font:24px/1.1 'Patrick Hand','Comic Sans MS',cursive;color:#9C0B22}
.gt-elf{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid #fff;margin:0 auto 8px;display:block;box-shadow:0 4px 10px rgba(0,0,0,.2);background:#fff}
body.tnew .gt-tag h2.gt-big,.gt-tag .gt-big{display:block;margin:0 0 4px;font:800 28px/1.08 'Plus Jakarta Sans',Inter,sans-serif;color:#0B1D4D!important;text-shadow:none!important;text-align:center;overflow-wrap:break-word}
.gt-tag .gt-how{margin:0 0 14px!important;font:700 16px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#4a3a10!important;text-shadow:none!important}
.gt-stars{display:flex;justify-content:center;gap:12px;margin:0 0 16px}
.gt-stars i{font-style:normal;font-size:30px;line-height:1;color:rgba(11,29,77,.25)}
.gt-stars i.on{color:#fff;text-shadow:0 0 10px #fff,0 2px 0 #C9962A}
.gt-tag .gt-joined{margin:0 0 14px!important;font:700 16px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#4a3a10!important;text-shadow:none!important}
.gt-tag .gt-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;padding:12px 15px;border:0;border-radius:14px;cursor:pointer;
  font:800 18px/1.15 'Plus Jakarta Sans',Inter,sans-serif;color:#fff;background:linear-gradient(180deg,#2BB36A,#1E9E53);box-shadow:0 5px 0 #157A3F}
.gt-tag .gt-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #157A3F}
.gt-tag .gt-btn svg{width:22px;height:22px;flex:none}
.gt-tag .gt-pill{display:inline-block;margin:0 0 12px;padding:8px 16px;min-height:40px;border:0;border-radius:999px;background:#1E9E53;color:#fff;font:800 14px/1.2 'Plus Jakarta Sans',Inter,sans-serif;cursor:pointer}
.gt-tag .gt-credit{margin:0 0 10px!important;font:800 16px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#0B1D4D!important}
.gt-tag .gt-credit.used{color:#4a3a10!important}
.gt-tag .gt-credit-when{margin:-6px 0 10px!important;font-size:13px!important;color:#4a3a10!important}
.gt-tag .gt-terms{margin:10px 0 0!important;font-size:12px!important;color:#4a3a10!important;opacity:.85}
.gt-tag .gt-terms a{color:#0B1D4D!important;text-decoration:underline}
.gt-tag .gt-said{margin:8px 0 0!important;font-weight:700;color:#0B1D4D!important}
/* where it sits: no box of its own around it */
.p26 .tn-fc.gt-card,.card.invite.gt-card,.mep-invite .gt-hang{background:none!important;box-shadow:none!important;padding:0!important;border:0!important;overflow:visible!important}
.p26 .tn-fc.gt-card::before,.p26 .tn-fc.gt-card::after,.card.invite.gt-card::after{display:none!important}
.tn-pop-in.share,.tn-pop-in.fcpop.gt-pop,.tn-pop-in.invite,.tn-pop-in.win{background:#0B1D4D!important;border-color:#C9962A!important}
.tn-pop-in.share .sb-later,.tn-pop-in.gt-pop .sb-later{color:#DCE6FF!important;border-color:rgba(255,255,255,.35)!important;margin-top:16px}
.hq-share.gt-wrap{background:none!important;padding:0!important}
@media (max-width:360px){body.tnew .gt-tag h2.gt-big,.gt-tag .gt-big{font-size:24px}.gt-tag{padding:40px 16px 18px}}
.gt-tag .gt-draw{margin:-6px 0 14px!important;font:700 14px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#0B1D4D!important}
.tn-pop-in .gt-hang,.mep-invite .gt-hang,.hq-share .gt-hang{margin-left:auto;margin-right:auto}
.tn-pop-in.share,.tn-pop-in.gt-pop{display:flex;flex-direction:column;align-items:stretch}
.p26-card .p26-elf img{background-color:#EEF3FF}
.p26 .tn-app.tn-video.tn-vid-soon{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;padding:22px 18px}
.p26 .tn-vid-soon .tn-app-txt{justify-items:center}
body.tnew .p26 .tn-vid-soon h2{font-size:20px}
.cl-soon26 .cl-notify{width:100%;margin-top:12px}
.cl-notify-said{margin:10px 0 0;font-weight:700;color:#FFE7A3}
.p26 .p26-more .gt-tag #fcOrder{width:auto;min-height:40px;padding:8px 16px;font-size:14px;border-radius:999px;background:#1E9E53!important;box-shadow:none!important}
.gt-tag img.gt-elf{width:84px!important;height:84px!important;max-width:none!important;border-radius:50%!important;aspect-ratio:1!important;object-fit:cover!important}
/* Me page: each name on its own full line above its buttons, never broken */
.tn-me-line{flex-wrap:wrap}
.tn-me-line>.tn-me-name{flex:1 1 100%;min-width:0;word-break:keep-all;hyphens:none;overflow-wrap:normal}
.tn-me-line>.tn-me-acts{margin-left:auto}
/* set-up ELVES box: the Elf on screen marked */
.trx-pair.now b{text-decoration:underline;text-underline-offset:3px}
/* Me page: no "My Elf calls" heading over an empty box (round 3, 2 Nov 2026) */
#mep-calls:has(.mep-calls > #clPanel:empty:only-child){display:none}
/* the unlocked tag: "Order my free call" is the big button, "Keep sharing" the smaller one */
.gt-tag .gt-btn.gt-order{margin:0 0 12px;background:linear-gradient(180deg,#E23A4E,#C8102E);box-shadow:0 5px 0 #8E1525}
.gt-tag .gt-btn.gt-small{min-height:44px;font-size:15px;background:#fff;color:#0B1D4D;border:2px solid #0B1D4D;box-shadow:none}
.gt-tag .gt-btn.gt-small svg{width:18px;height:18px}
.gt-tag .gt-one{margin:-2px 0 10px!important;font:700 14px/1.3 'Plus Jakarta Sans',Inter,sans-serif;color:#4a3a10!important}
.gt-tag .gt-by{margin:-10px 0 14px!important;font:700 14px/1.3 Inter,sans-serif;color:#4a3a10!important}
/* 3 Elves at 320: long names shrink to fit the chip */
@media (max-width:340px){.p26-card .p26-choose:not(.many)>.p26-elves[style*="--n:3"] .p26-elf-txt b{font-size:11px;letter-spacing:-.02em}}
/* the Me page stays above Santa's sleigh too */
body.tnew main#app.tk-me{position:relative;z-index:3}
body.tnew main#app.tk-me .tn-mep,body.tnew main#app.tk-me .mep-sec{position:relative;z-index:2}
/* the save step: which Elf this first sighting is */
.camlist .who{display:block;font-weight:800;color:#0B1D4D}
.p26 .p26-more .gt-tag #fcOrder.gt-order,.gt-tag .gt-btn.gt-order{width:100%;min-height:56px;padding:12px 15px;font-size:18px;border-radius:14px;background:linear-gradient(180deg,#E23A4E,#C8102E)!important;color:#fff!important;box-shadow:0 5px 0 #8E1525!important}
/* The pause on main buttons (js/tracker-new/pause.js, Paul 2 Nov 2026): a dip at once and a small spinner. */
.is-going{transform:scale(.97);filter:brightness(.94);pointer-events:none;transition:transform .12s ease,filter .12s ease}
.is-going::after{content:'';display:inline-block;width:.9em;height:.9em;margin-left:.55em;vertical-align:-.12em;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ewSpin .7s linear infinite}
@keyframes ewSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.is-going{transform:none;transition:none}.is-going::after{content:'...';width:auto;height:auto;border:0;border-radius:0;animation:none;margin-left:.2em;vertical-align:baseline}}
/* The call card at launch (calls.js launchExtras): the sample call and the per-child price. */
.cl-feat .cl-perchild{margin:6px 0 0;font-weight:700}
.cl-feat .cl-feat-sample{grid-column:1/-1;margin:14px 0 2px;justify-items:center}
.cl-feat .cl-feat-sample .ew-sample__who{color:#DCE6FF}
.cl-feat .ew-sample__btn{width:100%;justify-content:center}

/* The same sample button as the website (css/site-chrome.css; the tracker does not load that file). */
.ew-sample{display:grid;gap:6px;justify-items:start;margin:4px 0}
.ew-sample__btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 24px 0 10px;border:2px solid #0B1D4D;border-radius:999px;background:#fff;color:#0B1D4D;font:800 17px/1.2 'Plus Jakarta Sans',sans-serif;cursor:pointer;box-shadow:0 6px 0 #0B1D4D22}
.ew-sample__btn:active{transform:translateY(2px)}
.ew-sample__play{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#1F8A4C;position:relative}
.ew-sample__play::after{content:'';position:absolute;left:15px;top:11px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
.ew-sample__btn.is-playing .ew-sample__play{background:#C8102E}
.ew-sample__btn.is-playing .ew-sample__play::after{left:13px;top:13px;width:14px;height:14px;border:0;background:#fff;border-radius:2px}
.ew-sample__who{margin:0;font-size:14px;color:#26365F}
@media (prefers-reduced-motion: no-preference){.ew-sample__btn.is-playing .ew-sample__play{animation:ewRing 1s ease-in-out infinite}}
@keyframes ewRing{50%{box-shadow:0 0 0 8px #C8102E33}}
@media(max-width:480px){.ew-sample__btn{width:100%;justify-content:flex-start}}
/* 4+ Elves (4x4 filming, 2 Nov 2026): on a phone the next chip peeks in, the edge fades, and a line says to swipe. */
.p26-card .p26-choose.many>.p26-elves{grid-auto-columns:max(96px,min(40%,calc((100% - 30px)/var(--n,4))))}
.p26-card .p26-choose.many>.p26-elves.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.p26-card .p26-choose.many>.p26-elves.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent)}
.p26-card .p26-choose.many>.p26-elves.fade-l:not(.fade-r){-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}
.p26-swipe{margin:2px 0 0;font-size:14px;font-weight:700;color:inherit;opacity:.85;text-align:center}
.p26-swipe::after{content:' \2192'}
/* Skip on the 2nd and later Elves' set-up sightings (kids.js hqreveal); gone once the reveal has finished. */
.hq-skip{display:block;margin:0 0 8px auto;min-height:44px}
.body:has(#after:not([hidden])) .hq-skip{display:none}
/* The save screen with several Elves: one row of small Watch again tiles (spotting.js hook). */
.camlist .seen-row{list-style:none;display:grid;gap:6px}
.seen-row-k{font-weight:800;font-size:14px}
.seen-tiles{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.seen-tile{flex:0 0 84px;display:grid;gap:4px;justify-items:center;padding:6px;border:1px solid #0B1D4D22;border-radius:12px;background:#fff;color:#0B1D4D;font:700 13px/1.2 'Plus Jakarta Sans',sans-serif;cursor:pointer;min-height:44px}
.seen-tile .thumb{position:relative;display:block;width:72px;height:54px;border-radius:8px;overflow:hidden}
.seen-tile .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.seen-tile .thumb i::after{content:'\25B6';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:16px;text-shadow:0 1px 3px #0008}
.seen-tile b{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:480px){.p26-card .p26-choose.many>.p26-elves{grid-auto-columns:40%}}   /* 2.5 chips on a phone: the next one clearly peeks in */
/* The Me page's Change picture (me-elf.js): the set-up catalogue's layout, three across on phones. */
body.tnew .tk-elflook .grid2.cat{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px}
body.tnew .tk-elflook .grid2.cat>.tile{flex:0 0 calc((100% - 20px) / 3);box-sizing:border-box;min-width:0}
body.tnew .tk-elflook .tile.nothere{font-size:12.5px;line-height:1.2;padding:6px}
body.tnew .tk-elflook .tile.nothere .q{font-size:40px}
@media (min-width:600px){body.tnew .tk-elflook .grid2.cat>.tile{flex-basis:calc((100% - 30px) / 4)}}
body.tnew .tk-elflook #mePhoto{margin:4px 0 6px}
/* Review notes, 3 Nov 2026 (Paul: "both phones need to be straight and more symmetrical, writing and boxes all
   parallel; put the Elf on the phone in this box"). The Elf calls card and the Studio card mirror each other at
   every width: the same straight phone on top, then the small heading, the title and the button along the bottom. */
.p26-pair>.tn-app.tn-video,.p26-pair>.cl-feat,.p26-pair>.cl-panel>.cl-feat{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;
  text-align:center;padding:24px 20px!important;border-width:2px!important;border-radius:22px;box-sizing:border-box;height:100%}
.p26-pair .cl-feat-top{display:contents}
.p26-pair .cl-feat-phone,.p26-pair .tn-video .tn-app-pic{flex:none;width:132px!important;aspect-ratio:9/18;height:auto;margin:0 0 6px!important;rotate:0deg!important;animation:none!important;
  border:0!important;border-radius:26px!important;box-shadow:0 0 0 6px #b9bec7,0 18px 30px rgba(0,0,0,.5)!important;box-sizing:border-box}
.p26-pair .cl-feat-phone{padding:14px 8px 12px!important}
.p26-pair .cl-feat-head,.p26-pair .tn-video .tn-app-txt{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0}
.p26-pair .tn-video .tn-app-txt{flex:1 1 auto}
.p26-pair .cl-feat-tags{justify-content:center}
.p26-pair :is(.cl-feat-k,.tn-k){font:800 12px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
body.tnew .p26 .p26-pair :is(.cl-feat,.tn-video) h2{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.2;text-wrap:balance}
.p26-pair :is(.cl-feat,.tn-video) :is(.btn,.cl-notify){margin-top:auto!important;width:100%;max-width:320px;min-height:52px}
.p26-pair .cl-notify-said{margin-top:auto}
/* the Studio phone: the video is its screen, with the Elf on it */
.tn-vidbox .tn-vid-elf{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 6px;background:linear-gradient(180deg,rgba(7,15,46,.35),rgba(7,15,46,.15) 40%,rgba(7,15,46,.55));color:#fff;pointer-events:none}
.tn-vid-elf .tn-vid-rec{position:absolute;top:12px;left:0;right:0;font:700 11px/1 ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.12em;font-style:normal;color:#FFB3C4}
.tn-vid-elf .tn-vid-rec::before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#E0283F;vertical-align:1px;animation:p26Blink 1.4s steps(1,end) infinite}
@keyframes p26Blink{50%{opacity:0}}
.tn-vid-elf .tn-vid-face{width:58px;height:58px;border-radius:50%;overflow:hidden;border:3px solid #F5C24A;background:#EEF3FF;box-shadow:0 6px 14px rgba(0,0,0,.45)}
.tn-vid-elf .tn-vid-face img{width:100%;height:100%;object-fit:cover;object-position:top}
.tn-vid-elf b{max-width:100%;font:800 14px/1.15 'Plus Jakarta Sans',Inter,sans-serif;overflow-wrap:anywhere;text-shadow:0 1px 3px rgba(0,0,0,.7)}
@media (prefers-reduced-motion:reduce){.tn-vid-elf .tn-vid-rec::before{animation:none}}
/* The gold gift tag swings gently on its ribbon (Paul, 3 Nov 2026: "make it swing"); still for reduced motion */
.gt-hang{transform-origin:50% 0;animation:gtSwing 4.2s ease-in-out infinite}
@keyframes gtSwing{0%,100%{rotate:-2deg}50%{rotate:2deg}}
.p26 .gt-card .gt-hang{max-width:min(380px,calc(100% - 28px))}   /* room for the swing inside the card's column */
@media (prefers-reduced-motion:reduce){.gt-hang{animation:none}}
.p26-pair .tn-video .tn-app-txt{padding:0!important;margin:0!important}
.p26-pair :is(.cl-feat,.tn-video) :is(.btn,.cl-notify){height:56px;min-height:56px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}
.tn-vidbox .tn-vid-face img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:none}
.p26-pair .cl-feat-phone,.p26-pair .tn-video .tn-app-pic,.p26-pair .cl-feat-head,.p26-pair .tn-app-txt{align-self:center!important;justify-self:center!important}
/* the Share tag sits evenly between the box above and the cards below (Jay, 4 Nov 2026) */
.p26 .p26-more > .tn-fc.gt-card{margin-bottom:44px!important}
/* "How did you hear about us?" (heard.js, 7 Nov 2026): one optional question after a sighting, one tap. */
.tn-heard{background:var(--cream,#FFF8E8);color:#16296A;border-radius:var(--tn-r,22px);padding:20px 18px;box-sizing:border-box;text-align:center;display:grid;gap:10px}
.tn-heard h2{margin:0;font-size:22px;line-height:1.25}
.tn-heard-sub{margin:0;font-size:16px;line-height:1.4}
.tn-heard-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tn-heard-opts .btn{min-height:48px;margin:0;width:100%;font-size:17px}
.tn-heard-opts .btn:last-child:nth-child(odd){grid-column:1/-1}
.tn-heard-skip{background:none;border:0;color:#16296A;text-decoration:underline;font:inherit;font-size:16px;min-height:44px;cursor:pointer}
.tn-heard-thanks{margin:0;font-size:18px;font-weight:600}
@media (min-width:700px){.tn-heard-opts{grid-template-columns:repeat(4,minmax(0,1fr))}.tn-heard-opts .btn:last-child:nth-child(odd){grid-column:auto}}