#social-tools {position:fixed;left:28px;top:197px;display:grid;gap:7px;max-width:230px;}
#social-tools>span {font-size:10px;color:#c7b0cb;text-shadow:0 1px 5px #000;max-width:200px;line-height:1.6;}
#social-tools button {background:#24192fe8;border:1px solid #bb997a77;border-radius:6px;padding:10px 12px;font-size:11px;}
#social-tools>div {display:flex;gap:7px;}#social-tools>div button {flex:1;}
#wallet {color:#f4cf84;}
#social-hud{position:fixed;left:28px;bottom:125px;width:300px;z-index:25;background:#251b30ed;border:1px solid #bca17a77;border-radius:10px;padding:10px;color:#eee0cf;font-size:12px;}#chat-toggle{background:transparent;border:0;padding:4px 0;color:#edc58e;font-size:12px;cursor:pointer;}#hud-chat-log{max-height:110px;overflow:auto;margin:8px 0;overflow-wrap:anywhere;}#hud-chat-log p{font-size:11px;line-height:1.6;margin:4px 0;}#hud-chat-log b{color:#e6bd8c;font-weight:400;}#hud-chat-form{display:flex;gap:6px;margin:8px 0;}#hud-chat-input{width:0;flex:1;background:#181220;border:1px solid #bca17a55;border-radius:5px;padding:9px;color:#f7ead7;font-size:12px;}#social-hud button:not(#chat-toggle){background:#594060;border:1px solid #bca17a77;border-radius:6px;padding:8px;color:#fff0d5;font-size:12px;cursor:pointer;}#social-hud label{font-size:10px;color:#c8b4ca;}#brawl-target{background:#211728;border:1px solid #bca17a55;color:#eee0cf;padding:6px;margin:5px 0;width:100%;font-size:12px;border-radius:5px;}.brawl-buttons{display:flex;gap:8px;margin:5px 0 9px;}.brawl-buttons button{flex:1;}#social-hud small{font-size:10px;color:#bda8c1;}@media(max-width:600px){#social-hud{left:auto;right:12px;bottom:205px;width:min(300px,calc(100vw - 24px));padding:8px;}#hud-chat-log{max-height:85px;}#social-hud:has(#chat-body[hidden]){width:200px;}#chat-body{max-height:230px;overflow:auto;}}
#run-toggle{position:fixed;right:28px;bottom:130px;z-index:10;font-size:12px;padding:11px 16px;touch-action:manipulation;}#run-toggle[aria-pressed=true]{background:#e4ba78;color:#211827;border-color:#f6d394;}@media(max-width:600px){#run-toggle{right:12px;bottom:150px;padding:12px 15px;}}
.social-modal input:not([type=color]):not([type=file]):not([type=range]),.social-modal select {width:100%;padding:12px;border:1px solid #b693aa66;border-radius:6px;background:#211827;color:#ffeadd;font:inherit;font-size:14px;}
.social-modal input:focus,.social-modal select:focus {outline:2px solid #e6c18e;outline-offset:2px;}
.social-modal button:disabled {cursor:default;opacity:.45;}
#social-error {color:#ffb1ad;font-size:12px;}
.shop-list article {display:flex;align-items:center;gap:12px;border-top:1px solid #c29d7d44;padding:18px 0;}
.shop-list article>span {color:#f1cc8d;font-size:28px;min-width:30px;text-align:center;}
.shop-list article>div {flex:1;}.shop-list b {font-size:15px;font-weight:500;}
.shop-list small {display:block;font-size:11px;color:#c5b0c9;line-height:1.7;margin-top:6px;}
.shop-list strong {display:block;margin-top:8px;font-size:12px;font-weight:400;color:#f1cc8d;}
.shop-list button {width:auto;min-width:65px;white-space:nowrap;font-size:12px;margin:0;padding:10px;}
.shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 8px;}.shop-tabs button{padding:10px;background:#32233c;border:1px solid #b5997955;border-radius:6px;font-size:12px;}.shop-tabs button[aria-pressed=true]{background:#cba265;color:#24192f;}.shop-item-actions{display:flex;flex-direction:column;gap:8px;flex:0!important;}.bag-empty{padding:24px 0;color:#cbb6ce;}
.style-colors {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;font-size:12px;color:#d6bed2;}
.style-colors input {display:block;width:100%;height:40px;padding:0;border:0;background:none;margin-top:8px;cursor:pointer;}
#style-preview-image {display:block;width:100%;max-height:300px;object-fit:contain;border-radius:6px;margin-top:12px;}
#photo-crop {display:block;width:256px;max-width:100%;height:auto;margin:15px auto;background:repeating-conic-gradient(#342b3e 0% 25%,#63516c 0% 50%) 50%/20px 20px;}
.social-modal input[type=range] {display:block;width:100%;margin:12px 0;accent-color:#e8bf86;}
.room-buttons {display:flex;gap:10px;}.room-buttons button {flex:1;}
#online-chat-log {max-height:200px;overflow:auto;margin:20px 0;background:#18121e88;border-radius:6px;padding:10px;}
#online-chat-log:empty {display:none;}
#online-chat-log p {font-size:12px;line-height:1.7;margin:6px 0;overflow-wrap:anywhere;}#online-chat-log b {color:#edc58e;font-weight:400;}
#online-chat-form {display:flex;gap:8px;}#online-chat-form .primary {margin:0;width:auto;white-space:nowrap;}
.map-options {display:grid;gap:10px;margin:20px 0;}.map-options button {text-align:left;border:1px solid #b5997966;padding:17px;border-radius:6px;background:#432c4e44;}.map-options small {display:block;color:#c4acc6;font-size:11px;margin-top:8px;}
#public-game{position:fixed;z-index:35;right:24px;top:180px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 300px);overflow:auto;background:#241b2ef2;border:1px solid #c6a27188;border-radius:12px;padding:16px;color:#f2e5d1;box-shadow:0 14px 50px #0007;font-size:13px;}
#public-game[hidden]{display:none;}#public-game .party-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;}#public-game button{cursor:pointer;}#public-game p{line-height:1.7;}#public-game small{color:#ceb9cd;}#public-game ul{padding-left:18px;line-height:1.9;max-height:140px;overflow:auto;}#public-game .live-choices{display:flex;flex-wrap:wrap;gap:7px;}#public-game .primary{margin:3px 0;padding:10px 12px;}#live-minimize{background:transparent;border:0;color:#edc58e;white-space:nowrap;}
#public-game #live-minimize{font-size:12px;padding:4px 8px;}
@media(max-width:600px){#public-game{right:12px;top:285px;max-height:calc(100dvh - 420px);padding:12px;font-size:12px;}}
@media(max-width:600px){#social-tools {left:12px;top:168px;max-width:168px;gap:5px;}#social-tools button {font-size:10px;padding:8px;}#social-tools>span {max-width:150px;}#speech {top:295px;max-height:155px;overflow:auto;}.shop-list article {gap:8px;}.shop-list article>span {min-width:22px;font-size:24px;}.shop-list small {font-size:10px;}.shop-list button {min-width:56px;}.style-colors {gap:7px;}}