.friend-banner{margin-top:24px;background:#ffe56d;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 7px 0 var(--ink);padding:28px 34px;display:flex;gap:24px;justify-content:space-between;align-items:center}.friend-banner h2{font:42px/1.1 'ComicTitle',sans-serif;margin:10px 0}.friend-banner p{line-height:1.6;margin:10px 0}.friend-banner .yellow-link{background:#efe0ff;flex-shrink:0}.friend-rules{background:#f0e5fc;border:2px solid var(--ink);padding:22px;border-radius:14px;margin:24px 0;text-align:left}.friend-rules>strong{font:28px 'ComicTitle',sans-serif}.friend-rules ol{padding-left:22px;line-height:1.65}.friend-rules li+li{margin-top:10px}.friend-rules p,.friend-rules small{font-size:13px;line-height:1.6}.friend-rules small{display:block;color:#574563}.friend-name-form{max-width:480px;margin:26px 0;display:grid;gap:10px}.friend-name-form label{font-weight:700}.friend-name-form label small{display:block;font-weight:400;margin-top:5px;font-size:12px}.friend-name-form input{font-size:18px;padding:14px;border:2px solid var(--ink);border-radius:8px;background:white;color:var(--ink);width:100%}.friend-name-form .next-question{margin-top:4px}.friend-clock{border:2px solid var(--ink);background:#ffe56d;border-radius:10px;padding:12px 16px;margin:22px 0;display:flex;justify-content:space-between;gap:14px;align-items:center}.friend-clock span{font-size:12px}.friend-clock strong{font:34px/1.1 'ComicTitle',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.friend-paused{font-weight:700;color:#4b3763}.friend-answer-time{font-size:13px;margin-top:20px}.friend-ranking{text-align:left;margin:30px 0;padding:22px;background:#fffaf0;border:2px solid var(--ink);border-radius:14px}.friend-ranking h3,.friend-share h3{font:32px/1.15 'ComicTitle',sans-serif;margin:0 0 12px}.friend-ranking p{font-size:13px;line-height:1.6}.friend-table-wrap{width:100%;overflow:auto;margin-bottom:20px}.friend-ranking table{border-collapse:collapse;width:100%;font-size:14px;min-width:290px}.friend-ranking td,.friend-ranking th{padding:12px 7px;border-bottom:1px solid #d1c4d8;text-align:left}.friend-ranking th:nth-child(2){overflow-wrap:anywhere;max-width:180px}.friend-ranking td:nth-child(3),.friend-ranking td:nth-child(4){white-space:nowrap}.friend-me{background:#e4f3b1}.friend-final-time{font:42px/1.2 'ComicTitle',sans-serif;color:var(--ink);margin:18px 0}.friend-final-time span{display:block;font:14px 'DM Sans',sans-serif;margin-top:9px}.friend-share{border:3px solid var(--ink);background:#f3e8ff;border-radius:16px;padding:24px;margin-top:30px}.friend-share .day-link input{font-size:16px;background:white}.friend-share .day-link{flex-wrap:wrap}.friend-share .day-link input{flex:1;min-width:180px}.friend-share .day-link button{min-height:44px}.friend-share #friendShareStatus{font-size:13px;min-height:1em}.friend-intro>p{line-height:1.7}nav{flex-wrap:wrap;gap:18px}#quiz button:disabled{cursor:wait;opacity:.65}@media(max-width:600px){.friend-banner{padding:24px;display:block}.friend-banner h2{font-size:36px}.friend-banner .yellow-link{margin-top:16px}.friend-rules{padding:17px}.friend-ranking{padding:15px}.friend-ranking table{font-size:12px}.friend-share{padding:18px}.friend-clock{padding:12px;gap:8px}.friend-clock strong{font-size:28px}nav{gap:14px}}@media(prefers-reduced-motion:reduce){.friend-banner{transform:none}}