/* Shared look for the inner pages (album, friends, hall of fame, challenge): cream paper, thick brown outlines, sticker-like buttons. */
:root{--k:#33231a;--k-soft:rgba(51,35,26,.22);--cream:#fbf5e4;--card:#fffaf0;--yellow:#f7c428;--yellow-d:#d9a000;--muted:#6b5a4d;--green:#2e9e5b;--red:#e0475b;--blue:#2f6fd6;color-scheme:light}
*{box-sizing:border-box}
[hidden]{display:none!important}
body.themed{margin:0;font-family:"Rubik",system-ui,sans-serif;font-size:17px;color:var(--k);min-height:100vh;background-color:var(--cream);background-image:radial-gradient(#d8c9a6 1.4px,transparent 1.5px);background-size:22px 22px}
.t-page{max-width:820px;margin:0 auto;padding:12px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:16px}
.t-top{display:flex;align-items:center;gap:12px;margin-top:6px}
.t-back{flex:none;width:48px;height:48px;border-radius:50%;border:3px solid var(--k);background:#fff;color:var(--k);display:grid;place-items:center;text-decoration:none;font-size:1.5rem;font-weight:800;box-shadow:0 3px 0 var(--k-soft)}
.t-top h1{flex:1;margin:0;font-weight:800;font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.1}
.t-sub{margin:0;color:var(--muted)}
.t-card{background:#fff;border:3px solid var(--k);border-radius:20px;box-shadow:0 4px 0 var(--k-soft);padding:16px}
.t-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 24px;border-radius:999px;border:3px solid var(--k);background:var(--yellow);color:var(--k);font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer;text-decoration:none;box-shadow:0 4px 0 var(--k-soft)}
.t-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--k-soft)}
.t-btn:disabled{background:#e3dac8;color:#9b8c7a;border-color:#b8ab97;box-shadow:none;cursor:not-allowed}
.t-btn.ghost{background:#fff}
.t-btn.pink{background:var(--red);color:#fff}
.t-btn.blue{background:var(--blue);color:#fff}
.t-chip{border:3px solid var(--k);background:#fff;color:var(--k);border-radius:999px;padding:6px 14px;min-height:42px;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 3px 0 var(--k-soft)}
.t-chip[aria-pressed="true"],.t-chip[aria-selected="true"]{background:var(--yellow)}
.t-pill{display:inline-flex;align-items:center;gap:6px;background:#f7d98a;border:3px solid var(--k);border-radius:999px;padding:4px 14px;font-weight:800;font-variant-numeric:tabular-nums}
.t-bar{height:16px;border-radius:99px;background:#e8dcc0;border:3px solid var(--k);overflow:hidden}
.t-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),#ff9d4d);transition:width .4s}
.t-muted{color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #2f6fd6;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}