.social-ui{position:fixed;inset:0;pointer-events:none;z-index:60;color:#493127;font-family:Pixeloid,monospace;font-synthesis:none;--social-top:20px;--social-left:18px;--social-panel-top:94px}
.social-ui [hidden],.island-marker[hidden],.cloud-travel[hidden]{display:none!important}
.social-ui button,.social-ui input,.leaderboard-panel{pointer-events:auto}
.social-ui button,.social-ui input{font-family:inherit;font-synthesis:none}
.social-paper{border:9px solid transparent;border-image:url('../ui/frames/cream.svg') 12 fill stretch;background:none;border-radius:0;box-shadow:none}
.leaderboard-toggle{position:absolute;top:var(--social-top);left:var(--social-left);display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:10px;padding:3px 10px 6px;width:205px;min-height:62px;font:700 14px Pixeloid,monospace;color:#493127;cursor:pointer;touch-action:manipulation}
.social-trophy{width:30px;height:30px;flex-shrink:0;image-rendering:pixelated}
.leaderboard-toggle .social-trophy{width:30px;height:30px}
.leaderboard-toggle[aria-expanded=true]{border-image-source:url('../ui/frames/tile-blue.svg');color:#2c4d60}
.leaderboard-toggle:active{transform:translateY(2px)}
.leaderboard-panel{position:absolute;top:var(--social-panel-top);left:var(--social-left);width:440px;max-width:calc(100vw - 20px);height:730px;max-height:calc(100dvh - var(--social-panel-top) - 18px);display:flex;flex-direction:column;box-sizing:border-box;padding:0 10px 9px;filter:drop-shadow(0 6px 0 #34273744)}
.social-heading{display:flex;align-items:center;gap:10px;flex:none;margin:-2px -7px 12px;padding:10px;background:#ffd299;border-bottom:3px solid #bc8150;box-shadow:inset 0 2px #fff0c8}
.social-heading h2{font:700 20px/1.3 Pixeloid,monospace;margin:0;flex:1;min-width:0}
.social-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:8px;border:0;background:url('../ui/frames/picker-close.svg') center/100% 100% no-repeat;color:#493127;cursor:pointer}
.social-close svg{width:100%;height:100%;shape-rendering:crispEdges}
.social-search{position:relative;margin:0 2px 10px;flex:none;color:#796b60}
.social-search>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;shape-rendering:crispEdges}
.social-search input{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px 10px 8px 39px;border:2px solid #c6ad86;box-shadow:inset 0 2px #e5d5b3;background:#fffaf0;color:#493127;border-radius:2px;font:400 14px/1.4 Pixeloid,monospace}
.social-search input::placeholder{color:#8a7e73;opacity:1}
.leaderboard-columns,.leaderboard-row,.social-own-row{display:grid;grid-template-columns:48px minmax(0,1fr) 104px;align-items:center;gap:8px}
.leaderboard-columns{background:#ecdcc2;margin:0 2px;padding:10px 6px;font-size:11px;font-weight:700;flex:none;color:#5d4737}
.leaderboard-columns span:last-child{text-align:right}
.leaderboard-rows{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9a26e #fbefd4;scrollbar-gutter:stable;flex:1 1 auto;margin:3px -3px 3px 0}
.leaderboard-row{width:100%;box-sizing:border-box;border:2px solid transparent;border-bottom-color:#e6d8bb;background:transparent;color:#493127;padding:8px 5px;min-height:56px;text-align:left;font:400 15px/1.4 Pixeloid,monospace;cursor:pointer;border-radius:2px}
.leaderboard-row:hover{background:#f4e5c4}
.leaderboard-row[aria-pressed=true]{border-color:#75b9d3;background:#ccecf7;color:#283c49;box-shadow:inset 0 1px #effaff}
.leaderboard-rank{font-size:14px;font-weight:700;white-space:nowrap;letter-spacing:-.5px}
.leaderboard-player{display:flex;align-items:center;gap:8px;min-width:0}
.social-avatar{width:32px;height:32px;image-rendering:pixelated;flex:none;box-shadow:0 0 0 1px #b6a180;border-radius:2px}
.leaderboard-identity{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}
.leaderboard-hash{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:400}
.leaderboard-footer{flex:none;padding-top:10px;border-top:2px solid #decba8}
.social-button{display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:38px;border:2px solid #bf9b6e;border-radius:2px;background:#fff8e8;box-shadow:inset 0 2px #fffcf1,0 2px #d4bb90;color:#493127;padding:6px 10px;font:400 12px/1.3 Pixeloid,monospace;cursor:pointer}
.social-primary{width:100%;min-height:48px;border:7px solid transparent;border-image:url('../ui/frames/tile-blue.svg') 9 fill stretch;border-radius:0;background:none;box-shadow:none;color:#263b4a;font-size:16px;font-weight:700;padding:5px 18px 7px}
.social-button:hover:not(:disabled){filter:brightness(1.05)}
.social-button:disabled{cursor:default;opacity:.45;box-shadow:none}
.leaderboard-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px;font-size:12px;white-space:nowrap}
.social-next{border-color:#79b8d5;background:#c3eafa;box-shadow:inset 0 2px #effaff,0 2px #89afbd;color:#2f4d60}
.social-page-arrow{width:7px;height:12px;background:currentColor;clip-path:polygon(0 0,2px 0,2px 2px,4px 2px,4px 4px,6px 4px,6px 8px,4px 8px,4px 10px,2px 10px,2px 12px,0 12px);flex:none}
.social-page-arrow.previous{transform:scaleX(-1)}
.social-own-rank{display:block;width:100%;box-sizing:border-box;margin:8px 0 0;border:2px solid #c6a575;border-radius:2px;padding:8px 6px;background:#f3e0b5;box-shadow:inset 0 2px #fff5d7;color:#493127;font:400 14px/1.4 Pixeloid,monospace;text-align:left;cursor:pointer}
.social-own-label{display:flex;align-items:center;gap:9px;margin:0 2px 7px;color:#825731;font-size:11px;font-weight:700;white-space:nowrap}
.social-own-label::before,.social-own-label::after{content:'';height:1px;flex:1;background:#d2b686}
.social-own-rank:hover{background:#f8e9c7}
.social-own-rank[aria-pressed=true]{border-color:#75b9d3;background:#d5edf3}
.social-own-rank:disabled{cursor:default}
.social-note{text-align:center;color:#8a7963;font-size:10px;line-height:1.4;margin:8px 0 0}
.social-status{margin:8px 6px;font-size:12px;line-height:1.5;text-align:center;flex:none;overflow-wrap:anywhere}
.leaderboard-selection{position:fixed;z-index:2;width:126px;filter:drop-shadow(0 3px 0 #34273733)}
.leaderboard-selection::after{content:'';position:absolute;bottom:-8px;right:20px;width:14px;height:10px;background:#669dbb;clip-path:polygon(0 0,100% 0,100% 30%,80% 30%,80% 60%,60% 60%,60% 100%,40% 100%,40% 60%,20% 60%,20% 30%,0 30%)}
.leaderboard-selection[data-side=below]::after{bottom:auto;top:-8px;transform:scaleY(-1)}
.social-ui button:focus-visible,.social-ui input:focus-visible,.island-marker:focus-visible{outline:3px solid #58a7ce;outline-offset:2px}
.workshop-ui[data-foreign-island=true] .game-nav,.workshop-ui[data-foreign-island=true] .first-pc-card,.workshop-ui[data-foreign-island=true] .economy-hud{display:none!important}
.workshop-ui[data-foreign-island=true] .resource-pill{cursor:default}
.island-marker{position:absolute;left:0;top:0;max-width:210px;padding:7px 11px;border:2px solid #a79068;background:#fff6d9;color:#493127;border-radius:3px;box-shadow:0 2px #4a352855;font:700 13px/1.3 Pixeloid,monospace;font-synthesis:none;white-space:nowrap;overflow:visible;pointer-events:auto;cursor:pointer;will-change:transform}
.island-marker::after{content:'';position:absolute;bottom:-7px;left:calc(50% - 5px);width:9px;height:9px;transform:rotate(45deg);background:inherit;border-right:2px solid #a79068;border-bottom:2px solid #a79068}
.island-marker.visit-target{border-color:#79bedb;background:#e6f6ff}
.island-marker.visit-target::after{border-color:#79bedb}
.cloud-travel{position:fixed;inset:0;z-index:1000;overflow:hidden;isolation:isolate;pointer-events:auto}
.cloud-bank{position:absolute;inset:-12% auto -12% 0;width:60%;transform:translateX(-105%);will-change:transform}
.cloud-bank svg{width:100%;height:100%;display:block}
.cloud-rim{transition:opacity .18s ease}
.cloud-travel[data-phase=covered] .cloud-rim{opacity:0}
.cloud-bank.cloud-right{left:auto;right:0;transform:translateX(105%)}
.cloud-right svg{transform:scaleX(-1)}
@media(min-width:1800px){
 .leaderboard-panel{width:520px;height:830px;padding-inline:12px}.leaderboard-toggle{width:235px;font-size:16px}
 .social-heading{padding:12px}.social-heading h2{font-size:22px}.social-heading .social-trophy{width:36px;height:36px}
 .social-search input{min-height:46px;font-size:16px}.leaderboard-columns{font-size:13px;padding-block:11px}
 .leaderboard-columns,.leaderboard-row,.social-own-row{grid-template-columns:58px minmax(0,1fr) 122px;gap:10px}
 .leaderboard-row{min-height:64px}.social-avatar{width:40px;height:40px}.leaderboard-player{gap:10px}
 .leaderboard-identity{font-size:18px}.leaderboard-rank,.leaderboard-hash{font-size:17px}
 .leaderboard-pagination,.social-button{font-size:14px}.social-button{min-height:42px}.social-own-label{font-size:12px}
 .social-primary{font-size:18px;min-height:50px}.social-note{font-size:11px}
}
@media(max-width:700px){
 .social-ui{--social-top:10px;--social-left:10px}
 .leaderboard-toggle{width:177px;min-height:46px;font-size:12px;gap:8px;padding:0 5px 4px}.leaderboard-toggle .social-trophy{width:24px;height:24px}
 .leaderboard-panel{width:calc(100vw - 20px);height:730px;max-height:calc(100dvh - var(--social-panel-top) - 13px);padding:0 5px 5px}
 .social-heading{margin-inline:-3px;padding:7px;gap:8px}.social-heading h2{font-size:17px}.social-heading .social-trophy{width:28px;height:28px}
 .social-search input{font-size:13px}.leaderboard-row{min-height:52px;padding:8px 4px}.social-avatar{width:28px;height:28px}
 .leaderboard-columns,.leaderboard-row,.social-own-row{grid-template-columns:42px minmax(0,1fr) 87px;gap:5px}
 .leaderboard-columns{font-size:10px;padding-inline:5px}.leaderboard-player{gap:7px}.leaderboard-identity{font-size:13px}.leaderboard-rank,.leaderboard-hash{font-size:12px}
 .leaderboard-pagination{font-size:11px;gap:5px}.leaderboard-pagination .social-button{font-size:11px;padding-inline:7px}
 .social-own-rank{padding:7px 4px}.social-own-label{font-size:10px;margin-bottom:6px}.social-note{font-size:9px}
 .island-marker{font-size:11px;padding:5px 8px;max-width:170px}
}
@media(max-height:520px){
 .leaderboard-panel{top:10px;bottom:10px;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}
 .social-heading{margin-bottom:6px;padding:5px}.social-heading h2{font-size:17px}.social-heading .social-trophy{width:26px;height:26px}.social-close{width:30px;height:30px}
 .social-search{margin-bottom:6px}.social-search input{min-height:34px;padding-block:4px}.leaderboard-columns{padding-block:6px}
 .leaderboard-footer{padding-top:6px}.leaderboard-pagination .social-button{min-height:32px}.social-note{margin:5px 0 0;font-size:9px}
 .social-own-rank{margin-top:5px;padding-block:5px}.social-own-label{margin-bottom:3px;font-size:9px}.social-own-row .social-avatar{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){.cloud-bank{will-change:opacity;transform:none!important}.cloud-rim{transition:none}.island-marker{will-change:auto}}