#social-window{position:fixed;inset:0;z-index:1100;background:#02090fd6;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box;color:#ecf1f6;font:15px/1.5 system-ui,sans-serif;touch-action:auto}
#social-window *{box-sizing:border-box}#social-window .social-panel{width:min(940px,100%);max-height:100%;display:flex;flex-direction:column;background:#0c1924;border:1px solid #ad8b51;border-radius:18px;box-shadow:0 24px 80px #0009;overflow:hidden}
#social-window header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #ffffff15;gap:12px}#social-window h2{margin:0;font-size:21px;color:#f3d79a}#social-window h3{margin:0 0 10px;font-size:17px}#social-window nav{display:flex;gap:6px;padding:10px 18px;background:#11222f}#social-window button{border:1px solid #6c624b;border-radius:10px;background:#1b303e;color:#f6e0b1;padding:9px 16px;min-height:42px;font:inherit;cursor:pointer}#social-window button:hover{background:#294557}#social-window button.active,#social-window .primary{background:#c9a65b;color:#101923;border-color:#e6c783;font-weight:700}#social-window button:disabled{opacity:.4;cursor:default}#social-window .danger{color:#ffa8a8;border-color:#995d5d}#social-window main{padding:18px 22px;overflow:auto;overscroll-behavior:contain;min-height:160px}#social-window footer{padding:10px 22px;border-top:1px solid #ffffff15;min-height:44px;font-size:14px;color:#f1cf8b;white-space:pre-line}
#social-window .cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}#social-window .card{background:#112531;border:1px solid #35505b;border-radius:12px;padding:16px;min-width:0}#social-window .muted{color:#a4b7c7;font-size:14px}#social-window .empty{text-align:center;padding:35px 16px;color:#a4b7c7}#social-window .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff10}#social-window .row>span{overflow-wrap:anywhere}#social-window .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}#social-window input,#social-window select{font:inherit;font-size:16px;background:#07121c;border:1px solid #4e6978;border-radius:8px;color:#fff;padding:10px;width:100%;min-height:42px}#social-window input:focus{outline:2px solid #dfbb70;outline-offset:1px}#social-window label{display:block;color:#bdcbd6;margin:10px 0 6px}#social-window form .actions{align-items:end}#social-window .formrow{display:flex;gap:8px;align-items:center}#social-window .money{font-size:20px;color:#f2d17e;font-variant-numeric:tabular-nums}#social-window .badge{font-size:12px;border-radius:20px;padding:3px 9px;background:#29443e;color:#8fecbc;white-space:nowrap}#social-window .items{min-height:120px;max-height:240px;overflow:auto}#social-window .item-name{display:block;font-weight:600}#social-window .item-detail{font-size:12px;color:#a5b8c7;display:block;white-space:pre-line}#social-window .picker{max-height:230px;overflow:auto;margin:12px 0}#social-window .picker input{width:85px}#social-window .history{height:210px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px;background:#07121c;border-radius:8px}#social-window .history p{margin:4px 0}#social-window .history strong{color:#eed296}#social-window .room-title{font-size:17px;font-weight:600;color:#f1d899}#social-window .warning{padding:10px;border-left:3px solid #d1ac61;background:#d1ac6110;color:#dfc998;margin:12px 0}#social-toast{position:fixed;z-index:1090;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#142b38;border:1px solid #cead6a;border-radius:12px;color:#f7dda8;padding:12px 20px;max-width:80vw;font:15px system-ui;cursor:pointer;box-shadow:0 8px 25px #0008}
@media(max-height:520px){#social-window{padding-top:6px;padding-bottom:6px}#social-window header{padding:7px 16px}#social-window nav{padding:5px 12px}#social-window main{padding:12px 16px}#social-window footer{padding:6px 16px;min-height:32px}#social-window .items{max-height:145px}#social-window .history{height:145px}#social-window .picker{max-height:150px}#social-window .empty{padding:20px 10px}}
@media(max-width:600px){#social-window .cols{grid-template-columns:1fr}#social-window h2{font-size:18px}#social-window nav button{flex:1;padding:8px}#social-window .formrow{flex-wrap:wrap}}
#social-window .formrow>input{flex:1;min-width:0;width:auto}#social-window .formrow>button{flex-shrink:0;white-space:nowrap}