#socialBoard{max-width:720px;margin:0 auto;padding:18px 18px 32px;box-sizing:border-box;width:100%}
#socialBoard .adventure-banner{position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:28px 22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#07191af5,#07191a08),url('assets/world-route-recomp.webp') center 45%/cover;border:1px solid #c9a77566;border-radius:20px 20px 5px 5px;margin-bottom:26px}
#socialBoard h1{font:38px/1.06 Georgia,serif;color:#f5e7cc;margin:12px 0}
#socialBoard .adventure-banner p{font-size:13px;color:#cbd5c9}
.social-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.social-toolbar h2{font:28px Georgia,serif;margin:0}
#socialBoard button,.social-tag-dialog button{min-height:44px;padding:10px 15px;border:1px solid #c5a97a66;border-radius:8px;background:#192d30;color:#efe2c8;font:inherit;cursor:pointer}
#socialBoard button:disabled,.social-tag-dialog button:disabled{opacity:.55;cursor:wait}
.social-explanation,.social-rules,.social-status{font-size:13px;line-height:1.6;color:#b7c6bd}
.social-rules{padding:12px 0;border-bottom:1px solid #c4a67830;margin-bottom:22px}
.social-rules summary{color:#debf8c;cursor:pointer;min-height:24px}
#socialRows{padding:0;list-style:none;display:grid;gap:10px}
.social-row{display:grid;grid-template-columns:28px minmax(0,1fr) 75px;gap:10px;align-items:center;padding:18px 12px;background:linear-gradient(125deg,#203438,#102428);border:1px solid #af977344;border-radius:10px}
.social-row.social-self{border-color:#d7b271;box-shadow:inset 3px 0 #d7b271}
.social-rank{font:22px Georgia,serif;color:#d6b782}
.social-member{min-width:0;display:flex;flex-direction:column;gap:5px}
.social-member strong{font-size:15px;overflow-wrap:anywhere;color:#f3e5c9}
.social-activity{font-size:12px;color:#c5d0c4;line-height:1.4}
.social-member time{font-size:10px;color:#a3b7b1}
.social-score{text-align:right}.social-score strong{font:28px Georgia,serif;color:#e2c48f;display:block}.social-score small{font-size:10px;color:#aebdb4}
.social-note{padding:22px;border:1px solid #baa07450;background:#152b2e;border-radius:12px;line-height:1.6}
.social-tag-dialog{box-sizing:border-box;width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;padding:28px 24px;color:#f1e6d0;background:linear-gradient(145deg,#233a3d,#0d2227);border:1px solid #d6b47e88;border-radius:18px;box-shadow:0 20px 80px #0008}
.social-tag-dialog::backdrop{background:#020c10bb}
.social-tag-dialog h2{font:32px/1.13 Georgia,serif;margin:15px 0}
.social-tag-dialog p{font-size:14px;line-height:1.6}.social-tag-dialog label{display:block;margin:22px 0 8px}
.social-tag-dialog input{box-sizing:border-box;max-width:100%;width:100%;padding:14px;border:1px solid #c6ab7780;border-radius:7px;background:#091c21;color:#f5e6cb;font:18px system-ui}
.social-tag-dialog small{display:block;margin:10px 0;color:#b6c5bc;font-size:12px;line-height:1.6}
#socialBoard .social-primary,.social-tag-dialog .social-primary{background:#d4b07c;color:#102326;font-weight:700}
.social-tag-dialog button{width:100%;margin-top:10px}#gamerTagError{color:#ffcaad}
#socialBoard :focus-visible,.social-tag-dialog :focus-visible{outline:2px solid #f2d19b;outline-offset:3px}
@media(max-width:360px){#socialBoard{padding:12px}#socialBoard h1{font-size:32px}.social-row{grid-template-columns:23px minmax(0,1fr) 64px;gap:7px;padding:15px 10px}}