/* Piece sets are independent of the selected palette. Explicit preview sets stay fixed. */
.card{min-width:0}
.piece-style-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:26px 0 13px}
.piece-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.piece-style-choice{display:grid;justify-items:center;gap:6px;padding:15px 10px 14px;background:var(--panel);color:var(--white);border:1px solid var(--border);border-radius:13px;min-width:0;text-align:center}
.piece-style-choice>span:last-child{color:var(--muted);font-size:.75rem;line-height:1.4}
.piece-style-choice[aria-pressed="true"],.avatar-choice[aria-pressed="true"]{border-color:var(--mint);box-shadow:0 0 0 2px var(--ring);background:var(--panel3)}
.piece-style-choice:hover,.avatar-choice:hover{border-color:var(--mint)}
.piece-style-preview{display:flex;height:65px;max-width:145px;width:100%;align-items:center;justify-content:center;gap:8px}
.piece-style-preview .chess-piece{width:60px;height:60px;filter:none}
[data-piece-status]{color:var(--mint);margin-top:12px;line-height:1.5}
.personal-card{margin-bottom:24px}
.avatar-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.avatar-choice{display:grid;justify-items:center;gap:10px;min-width:0;padding:14px 6px;background:var(--panel);color:var(--white);border:1px solid var(--border);border-radius:13px;font-size:.78rem;font-weight:700}
.avatar-choice .avatar{margin:0;width:54px;height:54px}
.avatar.piece-avatar{padding:2px}
.avatar.piece-avatar .chess-piece{height:100%;width:100%;filter:none}
.personal-card .card-head>.avatar{margin-right:0}
.notification-help{line-height:1.7;margin-bottom:18px;max-width:75ch}
.inbox-button{display:inline-flex;gap:8px;align-items:center}
.unread-badge{display:inline-grid;place-items:center;min-width:21px;min-height:21px;border-radius:50%;padding:1px 5px;background:var(--button);color:var(--button-text);font-size:.7rem;font-weight:850}
.notification-inbox{padding:6px 22px}
.notification-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:15px;align-items:center;padding:22px 2px;border-bottom:1px solid var(--border)}
.notification-row:last-child{border-bottom:0}
.notification-row h2{font-size:.93rem;line-height:1.4}
.notification-row p{font-size:.85rem;color:var(--muted);line-height:1.6;margin:5px 0 7px;overflow-wrap:anywhere}
.notification-row time{font-size:.73rem;color:var(--muted)}
.notification-dot{height:8px;width:8px;border-radius:50%;background:var(--border)}
.notification-row.unread .notification-dot{background:var(--mint);box-shadow:0 0 0 4px var(--ring)}
.notification-row.unread h2{color:var(--mint)}
.replay-controls{width:100%;max-width:650px;background:var(--panel2);border:1px solid var(--border);padding:16px;border-radius:13px}
.replay-transport{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:15px}
.replay-transport .btn{min-width:42px;min-height:40px}
.replay-transport .btn[data-action="replay-play"]{min-width:78px}
.replay-slider-label{font-size:.73rem;gap:5px}
input[type="range"]{padding:0;min-height:28px;border:0;background:transparent;accent-color:var(--mint);cursor:pointer}
.replay-status{font-size:.8rem;line-height:1.6;margin-top:8px;color:var(--white);text-align:center}
.replay-status .muted{display:block;font-size:.73rem}
.replay-hint{font-size:.82rem;line-height:1.7;margin:14px 0}
.clock-panel>div{min-width:0;overflow-wrap:anywhere}
.sq.last-move{box-shadow:inset 0 0 0 99px #efd77a5c}
.sq.picked{box-shadow:none}
.move-step{border:1px solid transparent;border-radius:6px;background:transparent;color:var(--white);font-size:.87rem;padding:4px 7px;margin:2px 1px;line-height:1.8;min-height:36px}
.move-step:hover{background:var(--panel3)}
.move-step.current{background:var(--nav-active);border-color:var(--mint);color:var(--mint);font-weight:800}
@media(max-width:1000px){.avatar-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.notification-row{grid-template-columns:8px minmax(0,1fr);gap:12px}.notification-row>.btn{grid-column:2;justify-self:start}.notification-inbox{padding:5px 16px}.piece-style-choice{padding:12px 5px}.piece-style-preview{height:52px;gap:0}.piece-style-preview .chess-piece{height:50px;width:50px}.piece-style-choice strong{font-size:.82rem}.piece-style-choice>span:last-child{font-size:.67rem}.avatar-choices{gap:8px}.avatar-choice .avatar{width:45px;height:45px}.replay-transport{gap:6px}.replay-controls{padding:12px}.replay-transport .btn{min-width:36px;padding:7px 9px}.replay-transport .btn[data-action="replay-play"]{min-width:68px}.top-right{gap:8px}}