.player-achievements{margin-block:20px;padding-block:16px;border-block-start:1px solid #345340;text-align:start}.achievement-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.achievement-heading h3{font-size:17px;margin:0;color:#ebddb5}.achievement-heading>span{font-size:11px;color:#a1b39e}.achievement-empty{color:#a6baac;font-size:13px;line-height:1.8}.achievement-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.achievement-grid .achievement-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;padding:10px 3px 9px;border:1px solid #354d3b;border-radius:12px;background:#10271b;cursor:pointer;text-align:center;color:#b6c8b8;font:11px/1.6 Arial,Tahoma,sans-serif}.achievement-tile img{width:66px;height:73px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #0006)}.achievement-tile span{overflow-wrap:anywhere}.achievement-grid .achievement-tile[aria-pressed=true]{background:#20382b;border-color:#b3a36d;color:#f2e3b8}.achievement-tile:focus-visible{outline:2px solid #e6d190;outline-offset:2px}
.achievement-detail{margin-top:12px;border:1px solid #3d503b;border-inline-start:4px solid #58c6f5;background:#0a1d14;border-radius:10px;padding:13px 15px;min-height:72px}.achievement-detail h4{margin:0 0 6px;font-size:14px;color:#f0dfb4}.achievement-detail p{margin:0;font-size:12px;line-height:1.6;color:#a8bdac}.achievement-detail time{display:block;color:#8ea896;font-size:10px;margin-top:5px}
.win-streaks{display:inline-flex;align-items:center;gap:5px;flex:none}.win-streaks[hidden]{display:none}.win-streak{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font:11px Tahoma,sans-serif;direction:ltr;color:#f3c18b}.win-streak svg{width:12px;height:15px;flex:none}.flame-outer{fill:#ff903b}.flame-inner{fill:#ffe4a6}.win-streak.computer{color:#8bd7fd}.computer .flame-outer{fill:#299ff1}.computer .flame-inner{fill:#c7f6ff}
.social-dialog.social-card{width:610px;border-radius:16px;background:linear-gradient(135deg,#142b20,#0a1d15);max-width:calc(100vw - 28px)}.portrait-game .social-dialog.social-card{width:610px;max-width:calc(100dvh - 24px)}
.social-card .social-profile-header{justify-content:initial;gap:12px;padding-bottom:12px;border-bottom:1px solid #35493c;margin-bottom:0;text-align:start}.social-profile-header .social-avatar{margin:0;flex:none}.social-profile-identity{min-width:0;flex:1}.social-profile-name{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.social-profile-name .social-name{margin:0;min-width:0}.social-profile-header .social-close{margin-inline-start:auto}.social-profile-identity p{margin:6px 0 0;color:#a1b39e;font-size:11px}.social-card .player-achievements{margin:14px 0;padding:0;border:0}.social-card .social-actions:empty,.social-card .social-feedback:empty{display:none}.social-card .social-actions{margin:10px 0 0}
@media(max-width:420px) and (orientation:portrait){body:not(.portrait-game) .achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:450px),(orientation:portrait) and (max-width:450px){.social-dialog.social-card{width:570px;padding:10px 18px}.social-card .social-profile-header{gap:10px;padding-bottom:8px}.social-profile-header .social-close{min-height:36px;padding:6px 10px}.social-card .player-achievements{margin:8px 0}.achievement-heading{margin-bottom:6px}.achievement-heading h3{font-size:15px}.achievement-heading>span{font-size:10px}.achievement-grid{gap:6px}.achievement-grid .achievement-tile{padding:6px 2px;gap:3px;font-size:10px}.achievement-tile img{width:46px;height:51px}.achievement-detail{padding:8px 12px;margin-top:8px;min-height:62px}.achievement-detail h4{font-size:12px;margin-bottom:3px}.achievement-detail p,.social-card .achievement-detail p{font-size:11px;margin:0;line-height:1.5}.achievement-detail time{margin-top:3px}.social-card .social-actions{margin-top:6px}.social-card .social-actions button{min-height:32px;padding:5px 10px;font-size:11px}}
@media(orientation:landscape) and (max-height:340px),(orientation:portrait) and (max-width:340px){.social-dialog.social-card{padding-block:8px}.social-card .social-profile-header{padding-bottom:5px}.social-card .player-achievements{margin-block:5px}.achievement-grid .achievement-tile{padding-block:4px}}