/* Visual move highlight; the diagram is replayed from accepted server history. */
.profile-best-visual{display:grid;justify-items:center;gap:12px}.best-move-board{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(var(--mini-size),minmax(0,1fr));grid-template-rows:repeat(var(--mini-rows,var(--mini-size)),minmax(0,1fr));width:min(100%,280px);aspect-ratio:1;border:4px solid #cfbb80;border-radius:9px;overflow:hidden;box-shadow:0 5px 0 #0c2235,0 10px 25px #00152e44}.best-square{position:relative;display:grid;place-items:center;background:#d8e3d0;min-width:0;min-height:0;box-shadow:inset 0 1px 1px #fff2}.best-square.dark{background:#37635f}.best-square.origin{box-shadow:inset 0 0 0 2px #ffe59d;background:#a0b898}.best-square.destination{box-shadow:inset 0 0 0 2px #ffe59d;background:#859c6f}.mini-piece{display:block;width:100%;height:100%}.mini-piece>svg,.best-move-flight>svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 2px #031e2d66)}.best-move-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 2px #16382e);z-index:2;opacity:.9}.best-move-flight{position:absolute;z-index:4;pointer-events:none}.best-visual-controls{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px 12px;width:100%;max-width:280px}.best-score{position:relative;width:54px;height:54px;display:grid;place-items:center}.best-score>svg{position:absolute;inset:0;width:100%;height:100%}.best-score>b{font-size:17px;color:#fff0be}.best-score small{font-size:10px}.best-estimate{font-size:14px;font-weight:650;color:#fae5b4}.best-estimate small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#bcd6e5}.best-replay{grid-column:1/-1;display:flex;justify-content:center;align-items:center;width:100%;min-height:40px;gap:8px;font-size:14px;padding:8px 14px}.best-replay>svg{width:16px;height:16px}.best-visual-empty{display:grid;place-items:center;text-align:center;gap:10px;padding:20px}.best-visual-empty>span{font-size:54px;color:#e9ce8a}.best-visual-empty>small{font-size:12px;color:#c2dbe7}.best-promotion .destination .mini-piece{animation:best-promote .8s ease-out}@keyframes best-promote{0%{filter:drop-shadow(0 0 15px #fff0bd);transform:scale(.75)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
#modal:has(.profile-account){width:min(960px,calc(100vw - 32px));max-width:960px}.profile-account{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.profile-overview{min-width:0}.profile-highlight-column{min-width:0;border-left:1px solid #a7c6df44;padding-left:22px}.profile-highlight-column .profile-highlights{border:0;padding:0;margin:0}.profile-highlight-column .profile-highlights h3{margin-top:16px}.profile-overview .dialog-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.profile-overview .dialog-actions>button{min-height:39px;font-size:12px;padding:8px 10px}.profile-overview .account-stats{margin:16px 0}.profile-overview .owner-admin-link{margin:12px 0}.profile-overview>p{font-size:12px;line-height:1.6}.profile-best-caption{display:none}@media(max-width:750px){.profile-account{grid-template-columns:1fr}.profile-highlight-column{border-left:0;border-top:1px solid #a7c6df44;padding:18px 0 0}.best-move-board{width:250px}.profile-overview .dialog-actions{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.best-promotion .destination .mini-piece{animation:none}}