#shoutbox{background-color:#1c1c1c;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.2);color:#e0e0e0;text-align:left}#shoutbox .tab-container{display:flex;gap:8px;margin-bottom:5px;margin-left:10px}#shoutbox .tab-button{background:#2a2a2a;border:none;border-radius:8px;padding:8px 16px;color:#e0e0e0;cursor:pointer;transition:background 0.2s;display:flex;align-items:center;gap:8px}#shoutbox .tab-button:hover{background:#3a3a3a}#shoutbox .tab-button.active_room{background-color:#4f46e5;color:#fff}#shoutbox .portlet__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#shoutbox .portlet__header > span{font-size:1.25rem;font-weight:600}#shoutbox .portlet__header small.shoutbox-links{display:flex;gap:8px}#shoutbox .portlet__header small.shoutbox-links a{color:rgba(255,255,255,0.600);cursor:pointer}#shoutbox .portlet__header small.shoutbox-links a:hover{color:rgba(255,255,255,0.800)}#shoutbox .window{border-radius:0 0 8px 8px;padding:5px}.shout-message{display:flex;border-bottom:1px solid #202020;align-items:center;overflow:hidden}.shout-message > div{padding:4px 6px;line-break:anywhere;color:7c7c7c}.shout-avatar{width:60px}.shout-avatar img{width:30px;height:30px}.shout-username{flex:1;min-width:120px;max-width:145px;align-items:flex-start;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;position:relative}.shout-username::after{content:"";position:absolute;right:0;top:-20px;bottom:-20px;width:1px;background:#202020}.shout-timestamp{width:70px;text-align:right}.shout-options{text-align:right;margin-right:5px;flex:0 1 auto;word-wrap:normal;white-space:nowrap;min-width:40px}.shout-timestamp,.shout-options{font-size:10px}.shout-text{flex:1}#shoutbox .panel{background-color:#1e1e1e;border-radius:8px;padding:16px;box-shadow:0 4px 6px rgba(0,0,0,0.2);position:unset;width:100%;height:auto}.shoutbox_panel{position:relative}#shoutbox .input-wrapper{display:flex;align-items:center;gap:8px;position:relative}#shoutbox .input-wrapper .text{flex:1;padding:10px;padding-right:10px;border:1px solid #444;border-radius:8px;background-color:#2a2a2a;color:#e0e0e0;font-size:0.9rem;outline:none;transition:border-color 0.3s}#shoutbox .p-absolute{width:60px;top:10px;right:10px;opacity:0.5;text-align:right}#shoutbox .cancel-edit{background:none;border:none;color:#ccc;font-size:1rem;cursor:pointer;transition:color 0.3s}#shoutbox .input-wrapper .text{padding-right:55px !important;width:100%;box-sizing:border-box}#shoutboxSmiliesContainer .smilies-header{font-size:0.9rem;font-weight:600;color:#e0e0e0;margin-bottom:8px}.shoutboxSmiliesList{overflow-y:scroll;height:250px}#shoutboxSmiliesContainer{bottom:40px;right:0;display:none;background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.2);padding:10px;width:285px;z-index:1000;height:295px}#shoutboxSmiliesContainer:not([style*="absolute"]){width:100%;margin-top:8px}#shoutboxSmiliesContainer:not([style*="absolute"]) .smilies-header{display:none}#shoutboxSmiliesContainer .shoutbox-smilie{padding:4px}.shoutbox-smilie{max-width:32px;height.auto}#shoutbox .shoutbox_window{height:300px;overflow-y:scroll}.standalone#shoutbox{height:100vh}.standalone#shoutbox .shoutbox_window{display:block;height:calc(100vh - 160px)}#shoutbox .shoutbox_window.large{height:700px;overflow:auto}[data-shoutbox-button-role],.shoutbox-smilie{cursor:pointer}[data-shoutbox-sticky-message] .shout-text::after{content:"";display:inline-block;float:right;width:1em;height:1em;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 502.4 502.4' fill='%23000000'%3E%3Crect x='232.696' y='71.316' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 422.831 535.3727)' style='fill:%23ac4d4d;' width='179.198' height='217.598'/%3E%3Cg%3E%3Cpath style='fill:%23c36060;' d='M325.333,424c32-69.333,20.267-153.6-36.267-211.2c-57.6-56.533-141.867-68.267-211.2-36.267 L325.333,424z'/%3E%3Cpath style='fill:%23c36060;' d='M331.733,0.533C320,36.8,336,88,375.467,127.467s89.6,55.467,126.933,43.733L331.733,0.533z'/%3E%3C/g%3E%3Cpolygon style='fill:%23E6D8CC;' points='224,323.733 0,501.867 178.133,277.867 '/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;margin-left:0.5em}#contextMenu{background:#151515;width:220px;color:#f0f0f0;position:absolute;padding:14px;border-radius:12px;box-shadow:0px 6px 20px rgba(0,0,0,0.8);display:none;text-align:center;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(8px);transition:all 0.3s ease-in-out;font-family:"Arial",sans-serif}#contextMenu .contextMenu_avatar{display:flex;justify-content:center;margin-bottom:10px}#contextMenu .contextMenu_avatar img{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,0.2)}#contextMenu a{display:block;padding:10px;color:#fff;text-decoration:none;border-radius:8px;transition:background 0.3s,color 0.3s;font-weight:bold}#contextMenu a:hover{background:rgba(255,255,255,0.1);color:#0f9}#contextMenu .contextMenu_stats{display:flex;justify-content:space-between;background:rgba(255,255,255,0.1);padding:6px;border-radius:6px;font-size:14px;margin:12px 0}#contextMenu .contextMenu_reputation,#contextMenu .contextMenu_shouts{flex:1;text-align:center;padding:5px;font-weight:bold}#contextMenu .contextMenu_actions{display:flex;justify-content:space-around;margin-top:8px;padding:5px 0}#contextMenu [data-shoutbox-button-role]{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:bold;transition:background 0.3s ease-in-out;position:relative;width:31.33%;font-size:12px}#contextMenu [data-shoutbox-button-role]:hover{background:rgba(255,255,255,0.2);color:#f55}.shoutboxSettingsField{display:block;width:100%;box-sizing:border-box}input[name=sound_source]{width:100%;display:block}[type="checkbox"]{margin-right:6px}#shoutboxBanResponse{display:none}.shoutboxBanRow{padding:4px 6px}.shoutboxBanInput{display:block;width:100%;padding:6px 8px;box-sizing:border-box;margin:4px 0px}.shoutboxBanRow.tfoot{text-align:center}.shoutboxLeaderboardRow{display:flex;padding:4px 6px;align-items:center;width:100%}.shoutboxLeaderboardRow > *:nth-child(1){width:60px;text-align:center}.shoutboxLeaderboardRow > *:nth-child(1) img{width:40px;height:40px}.shoutboxLeaderboardRow > *:nth-child(2){flex:1}.shoutboxBansModal.modal{width:800px}.shoutboxBanlist{display:flex}.shoutboxBanlist > *{padding:4px 6px}.shoutboxBanlist > *:nth-child(1){width:100px}.shoutboxBanlist > *:nth-child(2){flex:1}.shoutboxBanlist > *:nth-child(3){width:100px}.shoutboxBanlist > *:nth-child(4){width:100px}.shoutboxBanlist > *:nth-child(5){width:100px}.shoutbox-message-private{background-color:#483131}.shoutbox-whisper-text{font-size:9px;display:block}.shout-message.shoutbox-message-mentioned{border-left:2px solid #6fe365}.shout-message.shoutbox-message-edit{background-color:#3e3232}#moreButton,#shoutboxMenu{display:none}.shoutbox-links a svg{width:12px}.shoutbox-links a span + svg{display:none}@media only screen and (max-width:768px){#shoutbox .p-absolute{top:6px}.shout-message{display:block;position:relative}.shout-username::after{background:transparent!important}.shout-avatar,.shout-username{width:auto;min-width:auto !important;vertical-align:middle;display:inline-block !important}.shout-timestamp{top:6px;right:6px;position:absolute}.shout-options{top:6px;position:absolute;right:50px}.shoutbox-links a svg{width:16px}.shoutbox-links a span{display:none}.shoutbox-links a span + svg{display:inline-block}.shoutboxSmiliesList{display:flex;flex-wrap:wrap;gap:5px}.shoutboxSmiliesList span{width:45px;height:45px;display:flex;justify-content:center;align-items:center}.shoutboxSmiliesList img{width:38px;height:38px}.standalone#shoutbox{height:100vh;margin:20px;box-sizing:border-box;max-width:calc(100% - 40px)}.standalone#shoutbox .shoutbox_window{height:calc(100vh - 200px);overflow-y:auto;box-sizing:border-box}.standalone#shoutbox .window{padding:10px;margin-bottom:20px}.standalone#shoutbox .body{height:calc(100vh - 60px);display:flex;flex-direction:column}body:has(.standalone#shoutbox){background-color:#121212;margin:0;padding:0;overflow:hidden}.tborder .thead{width:100%}