.player-menu{position:fixed;z-index:40;width:208px;padding:8px;border:1px solid #ae8e53;border-radius:12px;background:linear-gradient(145deg,#183140f5,#0a1725fa);box-shadow:0 12px 35px #0009,inset 0 0 0 3px #cfb16e13;color:#ead7af;font:12px Arial;backdrop-filter:blur(5px)}.player-menu[hidden]{display:none}.player-menu-head{display:grid;gap:5px;padding:10px 8px;border-bottom:1px solid #a4894a50}.player-menu-head b{font-size:15px}.player-menu-head small{font-size:10px;color:#a6c6c5}.player-menu-action{display:flex;gap:12px;align-items:center;width:100%;padding:11px 9px;border:0;border-bottom:1px solid #b19c6419;background:transparent;color:#e9d9bd;text-align:left;cursor:pointer}.player-menu-action span{width:20px;color:#d4b776;font-size:20px;text-align:center}.player-menu-action b{font-size:12px;font-weight:500}.player-menu-action:hover{background:#638d8530}.player-menu-action:disabled{opacity:.4;cursor:default}
#world-content .social-action,#world-content .social-actions button,#world-content .social-tabs button{padding:8px 12px;border:1px solid #8d815a;border-radius:7px;background:linear-gradient(#29414a,#182c36);color:#ecddb7;cursor:pointer}#world-content button:disabled{cursor:default}.social-actions,.social-tabs{display:flex;gap:7px;flex-wrap:wrap}.social-tabs [aria-pressed=true]{box-shadow:inset 0 -2px #e9c16e}.social-muted,.social-empty{font:11px Arial;color:#9ab3bb}.social-empty{text-align:center;padding:22px 8px}
.trade-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trade-side{min-width:0;padding:10px;border:1px solid #74764b8a;border-radius:10px;background:#102230b5}.trade-side h3{font:13px Arial;color:#ecddb4;margin:0 0 6px}.trade-lock-state{font:10px Arial;color:#a6ceb6}.trade-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0}.trade-currency{font:bold 12px Arial;color:#edcc7b}.trade-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:5px;max-height:180px;overflow:auto;padding:7px;border:1px solid #4e6b75;border-radius:8px}.trade-gold{display:flex;align-items:center;gap:9px;color:#e6c879}.trade-gold input{max-width:150px;padding:9px;background:#0b1d29;border:1px solid #828361;color:#f4dfad;border-radius:7px;font:14px Arial}.trade-gold small{font:11px Arial;color:#aec5c8}#world-content .social-item{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;padding:4px;border:1px solid #567b89;background:radial-gradient(ellipse at 50% 60%,#2b4650,#0a1b2a);border-radius:5px;overflow:hidden}.social-item img{width:100%;height:100%;max-height:58px;object-fit:contain;pointer-events:none}.social-item small{position:absolute;bottom:2px;right:3px;font:10px Arial;color:#f3e6bd}.social-item.selected{outline:2px solid #eac977;outline-offset:-2px}
.player-profile{display:grid;grid-template-columns:minmax(140px,1fr) 115px minmax(190px,1.3fr);gap:12px}.profile-portrait{align-self:start;box-sizing:border-box;border:1px solid #8d886752;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px;border-radius:10px;background:radial-gradient(ellipse,#40584e66,#0d202b99 70%)}.profile-portrait h3{font:15px Arial;color:#e5cf93;margin:3px 0}.profile-portrait small{font:10px Arial;color:#a0c6c6}.profile-portrait canvas{position:static;inset:auto;display:block;flex:none;width:100%;max-width:252px;height:auto;max-height:300px;aspect-ratio:320/380;object-fit:contain;pointer-events:none}.profile-stat-pills{display:flex;gap:10px;font:12px Arial;color:#cfdbc6}.profile-gear{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px}#world-content .profile-slot{min-width:0;box-sizing:border-box;position:relative;display:grid;align-content:start;justify-items:center;gap:3px;padding:5px;border:1px solid #8d886752;border-radius:7px;background:#0d2332}.profile-slot img{width:38px;height:45px;object-fit:contain}.profile-slot small{max-width:100%;font:8px/1.3 Arial;color:#c9c7af;overflow-wrap:anywhere;text-align:center}.profile-actions{display:flex;flex-wrap:wrap;gap:5px}.profile-actions .player-menu-action{flex:1;min-width:120px;border:1px solid #8e805454;border-radius:7px;padding:8px}.profile-item-detail{min-width:0}
.item-card{border:1px solid var(--item-tone)!important;background:linear-gradient(145deg,#0e293a,#091623)!important;box-shadow:inset 0 0 0 3px #97adc00b,0 5px 20px #0003;color:#c6d3da;padding:12px!important}.item-card-head{display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #987e4c55}.item-card-head img{width:56px;height:64px;object-fit:contain;border:1px solid var(--item-tone);background:radial-gradient(#355260,#0a1d2e);border-radius:5px}.item-card-head>div{flex:1;min-width:0}.item-card-head h4{color:var(--item-tone);font:bold 13px Arial;line-height:1.5;margin:0}.item-card-plus{color:#a4dce5;font:17px Arial}.item-card-meta{display:flex;justify-content:space-between;gap:6px;padding:7px 0;font:10px Arial;color:#a5bac8}.item-upgrade-stars{display:flex;gap:1px;padding:3px 0 7px;color:#43535f;font:12px Arial;white-space:nowrap;border-bottom:1px solid #53686a55}.item-upgrade-stars .lit{text-shadow:0 0 5px currentColor}.item-card .item-class-requirement{font:10px Arial;margin:6px 0;color:#8ac6a4}.item-card .item-wrong-class{color:#e98e91}.item-card .item-detail-stat{display:flex;gap:5px;align-items:center;padding:5px 0;font:11px Arial}.item-detail-stat b{margin-left:auto;color:#d5dfd6}.item-enhance-gain,.stat-better{color:#7cda92}.stat-worse{color:#eb9491}.item-card-lines h5{margin:9px 0 6px;font:10px Arial;letter-spacing:1px;color:#8da5b9;text-align:center;border-bottom:1px solid #47627455;padding-bottom:5px}.item-roll{position:relative;display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:5px 0 7px;color:var(--roll-tone);font:11px Arial}.item-roll b{margin-left:auto}.item-roll>small{color:#8b9aa6;font:9px Arial}.item-roll i{position:absolute;height:2px;bottom:2px;left:0;width:100%;background:#31455366}.item-roll i:after{content:'';display:block;height:2px;width:var(--roll-width);background:var(--roll-tone);opacity:.7}#world-content .item-lock{min-height:20px;padding:1px 5px;font:11px Arial;border:1px solid #536b70;background:#183142;border-radius:4px;color:#d6bf7d}.item-card-note{display:block;margin-top:10px;color:#8badc2;font:10px Arial}.item-detail-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.item-detail-actions button{font:11px Arial!important;padding:7px 10px!important}
.player-search{display:flex;gap:8px}.player-search input{flex:1;min-width:0;padding:10px;border:1px solid #769090;background:#0d2633;color:#e2dece;border-radius:7px}.player-results{display:grid;gap:7px}#world-content .player-result{text-align:left;padding:12px;border:1px solid #82907666;border-radius:8px;background:#183340}.friend-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;background:#112935;border:1px solid #667d6855;border-radius:9px}.friend-card .friend-name{font:12px Arial;color:#a4d3ba;background:transparent!important;border:0!important}.friend-card .social-actions button{font:10px Arial!important;padding:5px 8px!important}
.mobile-hud #hud-more-menu{grid-template-columns:repeat(4,1fr)}.mobile-hud #hud small#st{display:none}.mobile-hud #move-joystick>span{display:none}.mobile-hud #log{max-width:min(540px,60vw);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px!important}.item-details:empty{display:none}
@media(max-width:700px){.player-profile{grid-template-columns:1fr 105px}.profile-item-detail{grid-column:1/-1}.profile-portrait canvas{max-height:245px}.trade-board{gap:6px}.trade-side{padding:6px}.trade-slots{gap:3px}.item-card-head h4{font-size:12px}.mobile-hud #hud-more-menu{grid-template-columns:repeat(3,1fr)}}
@media(orientation:landscape) and (max-height:520px){.player-profile{grid-template-columns:minmax(130px,1fr) 112px minmax(200px,1.2fr)}.profile-item-detail{grid-column:auto}.profile-portrait canvas{max-height:210px}.player-menu{width:185px}.player-menu-action{padding:8px}.mobile-hud #hud-more-menu{grid-template-columns:repeat(5,1fr)}}

.trade-status-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.trade-status-header small{color:#9cb4bb}