/* Header sign-in chip and the "my records" panel shared by sudoku, yinyang and memory-match. Colours are inherited so the page's light/dark theme just works. */
.rec-chip{display:inline-flex;align-items:center;font-size:.85rem;font-weight:600;white-space:nowrap;color:inherit}
.rec-chip a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.rec-panel{max-width:1200px;margin:24px auto;padding:18px 20px;border:1px solid rgba(130,140,160,.45);border-radius:14px;background:transparent;color:inherit;box-sizing:border-box}
.rec-panel h2{margin:0 0 6px;font-size:1.1rem;color:inherit}
.rec-panel p{margin:.2rem 0 .6rem;font-size:.9rem;line-height:1.6;color:inherit}
.rec-panel a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.rec-table{width:100%;border-collapse:collapse;font-size:.88rem;color:inherit}
.rec-table th,.rec-table td{padding:7px 8px;border-bottom:1px solid rgba(130,140,160,.35);text-align:left;vertical-align:top;color:inherit}
.rec-table th{font-weight:700;white-space:nowrap}
.rec-bar{height:8px;border-radius:6px;background:rgba(130,140,160,.35);overflow:hidden;min-width:70px}
.rec-bar>i{display:block;height:100%;background:#2f9e6b}
.rec-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rec-btn{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid rgba(130,140,160,.7);background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.rec-scroll{overflow-x:auto}
@media print{.rec-panel,.rec-chip{display:none!important}}