/* #546 home token demo: "I need help with…" chips + pixel token meter */
.td{margin-top:1.4rem;padding:1.3rem;border:3px solid #ffd23f;box-shadow:0 0 0 3px #0b1030,0 0 0 6px #ff3fb4,0 0 22px rgba(255,210,63,.35)}
.td-q{margin:0 0 .3rem}.td-hint,.td-note{opacity:.9;margin:.2rem 0 .9rem}
.td-chips{list-style:none;padding:0;margin:0 0 1.1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem}
.td-chip{width:100%;min-height:64px;text-align:left;display:grid;gap:.15rem;padding:.75rem .9rem;cursor:pointer;color:#fff;font:inherit;background:radial-gradient(circle at 30% 20%,#2a2f8f 0,#141a5a 55%,#0b1030 100%);border:2px solid #ffd23f;box-shadow:0 0 0 2px #0b1030,0 0 10px rgba(255,210,63,.3);transition:transform .15s,box-shadow .15s}
.td-chip b{font-size:1.05rem}.td-chip small{font-size:.92rem;opacity:.9}
.td-cost{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#ffd23f;margin-top:.2rem}
.td-chip:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #0b1030,0 0 18px rgba(255,210,63,.6)}
.td-chip:focus-visible{outline:3px solid #ffd23f;outline-offset:3px}
.td-chip[aria-pressed="true"]{background:#ffd23f;color:#0b1030;box-shadow:0 0 0 2px #0b1030,0 0 0 4px #ff3fb4,0 0 22px rgba(255,210,63,.8)}
.td-chip[aria-pressed="true"] .td-cost{color:#0b1030}
.td-chip[aria-pressed="true"] b::before{content:"✓ "}
.td-meter-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.td-meter{position:relative;flex:0 0 auto;width:min(100%,20rem);height:34px;border:3px solid #ffd23f;background:#0b1030;display:grid;grid-template-columns:repeat(8,1fr);image-rendering:pixelated}
.td-meter i{border-right:2px solid #0b1030;position:relative;z-index:1}.td-meter i:last-child{border:0}
.td-fill{position:absolute;inset:0 auto 0 0;width:var(--f,0%);background:repeating-linear-gradient(90deg,#ffd23f 0 8px,#ffb000 8px 12px);transition:width .5s steps(8)}
.td-out{font-family:"Press Start 2P",monospace;font-size:.8rem;line-height:1.6;margin:0;color:#ffd23f}
.td-redeem[disabled]{opacity:.55;cursor:not-allowed}
.td-redeem.go{animation:tdPop .7s steps(4)}
@keyframes tdPop{0%{transform:scale(1)}50%{transform:scale(1.12);box-shadow:0 0 30px #ffd23f}100%{transform:scale(1)}}
.td-next{margin-top:1rem;padding:1rem;border:2px dashed #ffd23f}
.td-chips .td-chip,.td-actions .btn,.td-next .btn{min-height:48px}
@media (max-width:480px){.td{padding:1rem}.td-chips{grid-template-columns:1fr}.td-meter{width:100%}}
@media (prefers-reduced-motion:reduce){.td-chip,.td-fill{transition:none}.td-chip:hover{transform:none}.td-redeem.go{animation:none}}
html.calm .td-chip,html.calm .td-fill{transition:none}html.calm .td-redeem.go{animation:none}html.calm .td-chip:hover{transform:none}
/* #547 senior popup: arcade gate look, bigger text */
.ka-spop .px-box{position:relative;max-width:520px;padding:1.6rem 1.3rem}
.ka-spop h2{font-size:1.45rem!important;line-height:1.5!important}
.ka-spop p{font-size:1.3rem!important;margin:.4rem 0 1.1rem}
.ka-spop .btn-gold{background:#ffd23f!important;color:#0b1030!important;border-color:#0b1030}
.ka-spop .btn{display:flex;align-items:center;justify-content:center;margin:.6rem auto 0;font-size:1.2rem;min-height:64px}
.ka-sp-x{position:absolute;top:.4rem;right:.4rem;width:48px;height:48px;font-size:1.4rem;background:transparent;color:#fff;border:2px solid #fff;cursor:pointer}
.ka-spop .btn:focus-visible,.ka-sp-x:focus-visible{outline:3px solid #ffd23f;outline-offset:3px}

/* 3-tier grouping */
.td-tier{margin:.8rem 0}.td-th{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.15rem;margin:.4rem 0 .5rem}.td-th small{font-weight:400;opacity:.85;font-size:.95rem}.td-tag{font:11px/1.5 "Press Start 2P",monospace;background:#ffd23f;color:#0b0b1e;padding:.25rem .45rem;border:2px solid #000}.td-biz{font-size:1.05rem;margin:.6rem 0 0}
.tx-tag,.td-tag{color:#0b0b1e!important;-webkit-text-fill-color:#0b0b1e!important;background:#ffd23f!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:none!important;filter:none!important;letter-spacing:0;white-space:nowrap}

/* Family help section: glowing retro tiles */
.fam-tiles{list-style:none;padding:0;margin:1.2rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:900px){.fam-tiles{grid-template-columns:1fr 1fr}}@media (max-width:520px){.fam-tiles{grid-template-columns:1fr}}
.fam-tile{background:#0d1240;border:3px solid #ffd23f;padding:1rem;box-shadow:0 0 0 3px #000,0 0 18px rgba(255,210,63,.45),inset 0 0 14px rgba(255,62,165,.25);animation:famGlow 3s ease-in-out infinite alternate}
.fam-tile:nth-child(2){animation-delay:.75s}.fam-tile:nth-child(3){animation-delay:1.5s}.fam-tile:nth-child(4){animation-delay:2.25s}
.fam-tile h3{font-size:1.2rem;margin:.6rem 0 .3rem;color:#ffd23f}.fam-tile p{font-size:1.08rem;margin:0}.fam-ic svg{display:block}
.fam-small{font-size:1.05rem}
@keyframes famGlow{to{box-shadow:0 0 0 3px #000,0 0 30px rgba(255,210,63,.8),inset 0 0 18px rgba(255,62,165,.4)}}
html.calm .fam-tile{animation:none}@media (prefers-reduced-motion:reduce){.fam-tile{animation:none}}