@media(min-width:1025px){#vlHeaderShoutPanel .vlHeaderShoutHead{cursor:grab;touch-action:none;user-select:none}#vlHeaderShoutPanel.vlShoutDragging .vlHeaderShoutHead{cursor:grabbing}#vlHeaderShoutPanel .vlHeaderShoutHead button{cursor:pointer}}
body [data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"]{display:none!important}body #vlHeaderShoutPanel[hidden]{display:none!important}body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle{appearance:none;width:40px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:linear-gradient(#252525,#171717);box-shadow:none;cursor:pointer}body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle:hover,body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle[aria-expanded="true"]{background:linear-gradient(#8cc63f,#4e7e25);color:#fff}body .vlShoutMenuItem>#vlHeaderShoutToggle svg{width:21px;height:21px;display:block}body .vlShoutMenuItem>#vlHeaderShoutToggle:focus-visible{outline:2px solid #b8e57c;outline-offset:-3px}body #vlHeaderShoutPanel{position:absolute;z-index:400;box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:none;overflow:visible;background:#1b1d1a;color:#e5e8e0;border:1px solid #687358;border-top:3px solid #8cc63f;border-radius:0 0 8px 8px;box-shadow:0 12px 30px #0008}body .vlHeaderShoutHead{display:flex;align-items:center;justify-content:space-between;font:600 17px 'Segoe UI',sans-serif}body .vlHeaderShoutHead>button{background:transparent;border:0;color:#bdc5b6;font:24px/1 'Segoe UI',sans-serif;padding:2px 7px;cursor:pointer}body #vlHeaderShoutPanel .box{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}body #vlHeaderShoutPanel .boxTitle,body #vlHeaderShoutPanel .boxEditButton{display:none!important}body #vlHeaderShoutPanel .boxContent{padding:0!important}body #vlHeaderShoutPanel .shoutboxEntryList{height:600px!important;max-height:none!important;overflow:auto!important}body #vlHeaderShoutPanel .shoutboxEntryMessage img:not(.smiley){max-height:140px;width:auto;object-fit:contain}@media(min-width:1025px){body .mainMenu .boxMenu>li:nth-child(5)>a{width:136px!important}body .mainMenu .boxMenu>li:nth-child(6)>a{width:104px!important}body .mainMenu .boxMenu>li:nth-child(7)>a{width:120px!important}}
body #vlHeaderShoutPanel .shoutboxContent{height:auto!important;min-height:0!important}body #vlHeaderShoutPanel .shoutboxEntryList{box-sizing:border-box!important;width:100%!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#626b58 #20231f}body #vlHeaderShoutPanel .shoutboxEntry{box-sizing:border-box!important;max-width:100%!important}body #vlHeaderShoutPanel .shoutboxMessage{overflow-wrap:anywhere}
body #vlHeaderShoutPanel{transform-origin:top center}body #vlHeaderShoutToggle[aria-expanded="true"] svg{animation:vlShoutSmile .3s ease-out both}@keyframes vlShoutReveal{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vlShoutSmile{0%{transform:scale(.8)}60%{transform:scale(1.12)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){body #vlHeaderShoutPanel:not([hidden]),body #vlHeaderShoutToggle[aria-expanded="true"] svg{animation:none}}
body #vlHeaderShoutPanel{padding:12px}body .vlHeaderShoutHead{margin-bottom:8px;font-size:16px}body #vlHeaderShoutPanel .shoutboxContentFooter{margin-top:6px!important}
body .mainMenu .boxMenu>li.vlShoutMenuItem,body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle,body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle:hover,body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle[aria-expanded="true"]{background:transparent!important;border:0!important;box-shadow:none!important}body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle{color:#cba8fa!important}body .vlShoutMenuItem>#vlHeaderShoutToggle::before,body .vlShoutMenuItem>#vlHeaderShoutToggle::after{content:none!important;display:none!important}body .vlShoutMenuItem>#vlHeaderShoutToggle svg{filter:drop-shadow(0 0 3px #bc84efbf) drop-shadow(0 0 8px #9f65dd70);transition:filter .2s ease,color .2s ease}body .vlShoutMenuItem>#vlHeaderShoutToggle:hover svg,body .vlShoutMenuItem>#vlHeaderShoutToggle[aria-expanded="true"] svg{color:#f2dcff;filter:drop-shadow(0 0 4px #d6adff) drop-shadow(0 0 11px #ac71ed99)}
body #vlHeaderShoutPanel .shoutbox,body #vlHeaderShoutPanel .shoutboxContent{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}body #vlHeaderShoutPanel .shoutboxContent{flex:1 1 auto!important}body #vlHeaderShoutPanel .shoutboxEntryList{padding-right:8px!important}body #vlHeaderShoutPanel .shoutboxEntry>.box32{display:flex!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}body #vlHeaderShoutPanel .shoutboxMessage{flex:1 1 0%!important;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}body #vlHeaderShoutPanel .shoutboxMessage .containerHeadline{padding-right:58px!important}body #vlHeaderShoutPanel .shoutboxEntryMessage,body #vlHeaderShoutPanel .shoutboxEntryMessage p,body #vlHeaderShoutPanel .shoutboxEntryMessage a{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%!important}body #vlHeaderShoutPanel .shoutboxEntryMessage img,body #vlHeaderShoutPanel .shoutboxEntryMessage video{max-width:100%!important}
#vlHeaderShoutToggle .vlShoutAccessibleTitle{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}@media(max-width:1024px){body .buttonPrimary,body input[type="submit"].buttonPrimary{background:linear-gradient(#8cc63f,#4e7e25)!important;border-color:#759e35!important;color:#fff!important;text-shadow:0 1px 1px #263b12!important}body .buttonPrimary:hover,body .buttonPrimary:active{background:linear-gradient(#9bd44d,#5b8c2b)!important;color:#fff!important}}
body #vlHeaderShoutPanel{max-height:var(--vl-shout-available,calc(100dvh - 70px))!important;overflow:auto!important}body #vlHeaderShoutPanel .shoutboxEntryList{height:clamp(100px,calc(var(--vl-shout-available,100dvh) - 152px),600px)!important;max-height:600px!important}
.mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle{width:28px!important;min-width:28px!important;max-width:28px!important;height:48px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.vlShoutMenuItem>#vlHeaderShoutToggle svg{width:21px!important;height:21px!important}
body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle,body #vlHeaderShoutToggle,body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"]{--vl-smile:#cba8fa;--vl-glow:#a875ee88;color:var(--vl-smile)!important;position:relative;background:transparent!important;border:0!important;box-shadow:none!important}body #vlHeaderShoutToggle svg,body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"] svg.vlMobileShoutSmiley{width:24px!important;height:24px!important;color:var(--vl-smile)!important;stroke-width:1.9;transform-origin:center;animation:vlShoutCalmPulse 3.6s ease-in-out infinite!important;filter:drop-shadow(0 0 3px var(--vl-glow)) drop-shadow(0 0 8px var(--vl-glow))!important;transition:color .35s,filter .35s}body .mainMenu .boxMenu>li.vlShoutMenuItem>#vlHeaderShoutToggle.vlShoutHasUnread,body #vlHeaderShoutToggle.vlShoutHasUnread,body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"].vlShoutHasUnread{--vl-smile:#f3dcff;--vl-glow:#db9fffaa;color:var(--vl-smile)!important}body #vlHeaderShoutToggle.vlShoutHasUnread svg,body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"].vlShoutHasUnread svg{animation:vlShoutNewPulse 2.3s ease-in-out infinite!important}body #vlHeaderShoutToggle .vlShoutUnreadBadge,body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"] .vlShoutUnreadBadge{display:none!important;position:absolute;right:-5px;top:9px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background:#ead0ff;color:#21152e;border:2px solid #21192f;font:bold 9px/1 Arial,sans-serif;box-shadow:0 0 8px #bf8cf655;pointer-events:none}body #vlHeaderShoutToggle.vlShoutHasUnread .vlShoutUnreadBadge,body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"].vlShoutHasUnread .vlShoutUnreadBadge{display:flex!important}body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"] .vlShoutUnreadBadge{right:14px;top:calc(50% - 7px);width:15px;height:15px;font-size:10px}@keyframes vlShoutCalmPulse{0%,100%{filter:drop-shadow(0 0 2px #bd8cf166) drop-shadow(0 0 5px #aa71df33);opacity:.65;opacity:.72;transform:scale(1)}50%{filter:drop-shadow(0 0 4px #c99cfbbb) drop-shadow(0 0 11px #aa71df88);opacity:1;transform:scale(1.055)}}@keyframes vlShoutNewPulse{0%,100%{filter:drop-shadow(0 0 3px #d9a8ff88) drop-shadow(0 0 7px #cc8bf055);transform:scale(1)}50%{filter:drop-shadow(0 0 5px #edd2ffdd) drop-shadow(0 0 14px #db9fffaa);opacity:1;transform:scale(1.09)}}@media(prefers-reduced-motion:reduce){body #vlHeaderShoutToggle svg,body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"] svg.vlMobileShoutSmiley{animation:none!important}}
body #vlHeaderShoutPanel .vlHeaderShoutHead,body #vlHeaderShoutPanel .vlHeaderShoutHead>button{color:var(--wcfContentText)!important;text-shadow:none!important}body #vlHeaderShoutPanel .shoutbox{--messageBackground:var(--wcfContentBackground);--messageText:var(--wcfContentText);--messageBackgroundOwn:var(--wcfButtonBackground);--messageTextOwn:var(--wcfContentText);--messageBackgroundPrivate:var(--wcfContentContainerBorder);--messageTextPrivate:var(--wcfContentText);--messageBackgroundOwnPrivate:var(--wcfContentContainerBorder);--messageTextOwnPrivate:var(--wcfContentText);background:transparent!important;color:var(--wcfContentText)!important}body #vlHeaderShoutPanel .shoutboxMessage{background:var(--messageBackground)!important;color:var(--messageText)!important;box-shadow:none!important;text-shadow:none!important}body #vlHeaderShoutPanel .shoutboxMessage::before{border-right-color:var(--messageBackground)!important}body #vlHeaderShoutPanel .shoutboxEntry.isOwner .shoutboxMessage{background:var(--messageBackgroundOwn)!important;color:var(--messageTextOwn)!important}body #vlHeaderShoutPanel .shoutboxEntry.isOwner .shoutboxMessage::before{border-right-color:var(--messageBackgroundOwn)!important}body #vlHeaderShoutPanel .shoutboxEntry.isPrivate .shoutboxMessage{background:var(--messageBackgroundPrivate)!important}body #vlHeaderShoutPanel .shoutboxEntry.isPrivate .shoutboxMessage::before{border-right-color:var(--messageBackgroundPrivate)!important}body #vlHeaderShoutPanel .shoutboxEntryList{scrollbar-color:var(--wcfContentContainerBorder) var(--wcfContentBackground)!important}body #vlHeaderShoutPanel .shoutboxContentFooter{background:var(--wcfInputBackground)!important;color:var(--wcfInputText)!important;border:1px solid var(--wcfInputBorder)!important;border-radius:6px!important}body #vlHeaderShoutPanel .shoutboxContentFooterActions :is(a,button,fa-icon),body #vlHeaderShoutPanel #vlShoutGiphyButton{color:var(--wcfButtonText)!important;filter:none!important;box-shadow:none!important;text-shadow:none!important}body #vlHeaderShoutPanel #vlShoutGiphyButton:hover{background:var(--wcfButtonBackgroundActive,var(--wcfButtonBackground))!important;transform:none!important}body #vlHeaderShoutPanel .vlShoutGuestName{border-color:var(--wcfContentContainerBorder)!important;color:var(--wcfContentText)!important;background:transparent!important}body #vlHeaderShoutPanel .vlShoutGuestName input{background:var(--wcfInputBackground)!important;color:var(--wcfInputText)!important;border:1px solid var(--wcfInputBorder)!important;box-shadow:none!important}body #vlHeaderShoutPanel .vlShoutGuestName input:focus{border-color:var(--wcfInputBorderActive,var(--wcfInputBorder))!important;box-shadow:none!important}body dialog#vlShoutGiphyDialog{background:var(--wcfContentContainerBackground)!important;color:var(--wcfContentText)!important;border:1px solid var(--wcfContentContainerBorder)!important;border-radius:8px!important;box-shadow:0 16px 48px #0008!important}body #vlShoutGiphyDialog .vlGifHeader{background:var(--wcfContentBackground)!important;border-color:var(--wcfContentContainerBorder)!important}body #vlShoutGiphyDialog :is(.vlGifEyebrow,#vlShoutGiphyTitle,.vlGifFooter,.vlGifClose){color:var(--wcfContentText)!important}body #vlShoutGiphyDialog .vlGifFooter{background:var(--wcfContentBackground)!important;border-color:var(--wcfContentContainerBorder)!important}body #vlShoutGiphyDialog #vlShoutGiphyHost .searchGiphy{background:var(--wcfInputBackground)!important;color:var(--wcfInputText)!important;border-color:var(--wcfInputBorder)!important;box-shadow:none!important}body #vlShoutGiphyDialog #vlShoutGiphyHost .searchGiphy:focus{border-color:var(--wcfInputBorderActive,var(--wcfInputBorder))!important;box-shadow:none!important}body #vlShoutGiphyDialog #vlShoutGiphyHost .giphyQuickSearchButton{background:var(--wcfButtonBackground)!important;color:var(--wcfButtonText)!important;border-color:var(--wcfContentContainerBorder)!important;box-shadow:none!important}body #vlShoutGiphyDialog #vlShoutGiphyHost .giphyQuickSearchButton.active{background:var(--wcfButtonBackgroundActive,var(--wcfInputBackground))!important;color:var(--wcfButtonText)!important;border-color:var(--wcfInputBorder)!important}body #vlShoutGiphyDialog #vlShoutGiphyHost .giphyList a:hover,body #vlShoutGiphyDialog #vlShoutGiphyHost .giphyList a:focus{border-color:var(--wcfInputBorderActive,var(--wcfInputBorder))!important}
body #vlHeaderShoutPanel#vlHeaderShoutPanel{position:fixed!important;top:max(6px,min(var(--vl-shout-top,197px),calc(100dvh - 986px)))!important;height:min(980px,calc(100dvh - 12px))!important;max-height:calc(100dvh - 12px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel[hidden]{display:none!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel>.vlHeaderShoutHead{flex:0 0 auto!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel>.box,body #vlHeaderShoutPanel#vlHeaderShoutPanel .boxContent,body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutbox{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContent{flex:1 1 0%!important;height:auto!important;min-height:0!important;overflow:hidden!important;position:relative!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryList{height:100%!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooter,body #vlHeaderShoutPanel#vlHeaderShoutPanel .vlShoutGuestName,body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxUserList{flex:0 0 auto!important}@media(max-width:1024px){body #vlHeaderShoutPanel#vlHeaderShoutPanel{top:58px!important;height:calc(100dvh - 64px)!important;max-height:calc(100dvh - 64px)!important}}
body #vlHeaderShoutPanel#vlHeaderShoutPanel{padding:0!important;background:#1b1b1b!important;color:#e8e9e3!important;border:1px solid #414141!important;border-top:1px solid #414141!important;border-radius:7px!important;box-shadow:0 16px 45px #0008!important;font-family:'Segoe UI',Arial,sans-serif!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel>.vlHeaderShoutHead{box-sizing:border-box!important;min-height:55px!important;padding:10px 14px!important;margin:0!important;background:#242424!important;border-bottom:1px solid #373737!important;color:#eceee7!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .vlHeaderShoutHead>span{padding-left:10px;border-left:3px solid #a4cc62;font-size:16px;font-weight:650;line-height:1.25}body #vlHeaderShoutPanel#vlHeaderShoutPanel .vlHeaderShoutHead>button{width:36px!important;height:36px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#c8c8c8!important;font-size:24px!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .vlHeaderShoutHead>button:hover{background:#363636!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel>.box,body #vlHeaderShoutPanel#vlHeaderShoutPanel .boxContent{padding:0!important;margin:0!important;background:transparent!important;border:0!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContent{box-sizing:border-box!important;padding-top:32px!important;background:#151515!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxOptionDropdown{position:absolute!important;top:4px!important;right:12px!important;z-index:2!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxOptionDropdownButton{padding:3px 9px!important;min-height:25px!important;border:1px solid #424242!important;border-radius:4px!important;background:#232323!important;color:#bdbdbd!important;font-size:11px!important;box-shadow:none!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryList{padding:7px 12px 12px!important;scrollbar-width:thin!important;scrollbar-color:#505050 #151515!important;overscroll-behavior:contain!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry{margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry>.box32{display:flex!important;align-items:flex-start!important;gap:8px!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxAvatar{display:block!important;flex:0 0 28px!important;width:28px!important;margin:2px 0 0!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxAvatar img{width:28px!important;height:28px!important;border:1px solid #4a4a4a!important;border-radius:50%!important;box-sizing:border-box!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry .shoutboxMessage{box-sizing:border-box!important;position:relative!important;flex:1 1 0%!important;width:auto!important;max-width:none!important;min-width:0!important;padding:9px 11px 7px!important;margin:0!important;border:1px solid #373737!important;border-radius:6px!important;background:#232323!important;color:#eceee6!important;box-shadow:none!important;font-size:14px!important;line-height:1.5!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry.isOwner .shoutboxMessage{background:#2b2b2b!important;border-color:#4a4a4a!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxMessage::before{display:none!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry .containerHeadline{display:block!important;padding:0 25px 4px 0!important;margin:0!important;font-size:12px!important;line-height:1.3!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .containerHeadline :is(a,span.username,strong){color:#bfd98b!important;font-weight:600!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .containerContent{margin:0!important;padding:0!important;color:#eceee6!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryMessage p{margin:0!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryMessage :is(p,a,span){overflow-wrap:anywhere!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryMessage img:not(.smiley){max-width:100%!important;max-height:160px!important;width:auto!important;border-radius:4px!important;object-fit:contain!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryTime{position:static!important;display:block!important;text-align:right!important;margin:5px 0 0!important;padding:0!important;font-size:10px!important;line-height:1.2!important;color:#a6a6a6!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryDropdown{position:absolute!important;top:6px!important;right:7px!important;opacity:.6}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooter{box-sizing:border-box!important;width:calc(100% - 20px)!important;min-height:54px!important;margin:10px!important;padding:6px!important;border:1px solid #454545!important;border-radius:6px!important;background:#242424!important;align-items:center!important;gap:4px!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooterActions{flex:0 0 auto!important;width:auto!important;margin:0!important;gap:4px!important;align-items:center!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooterForm{flex:1 1 0%!important;min-width:0!important;width:auto!important;margin:0!important;text-align:left!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooter .ck-editor__editable{min-height:30px!important;max-height:110px!important;overflow-y:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#e6e9de!important;font-size:13px!important;padding:6px!important;text-align:left!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooter .ck-placeholder::before{color:#aaaaaa!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooterActions fa-icon{font-size:23px!important;width:23px!important;height:23px!important;color:#cccccc!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel #vlShoutGiphyButton{width:30px!important;height:34px!important;padding:3px!important;border-radius:4px!important;color:#cccccc!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel #vlShoutGiphyButton svg{width:24px!important;height:24px!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxActionSubmit{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid #87ac49!important;border-radius:5px!important;background:linear-gradient(#759d37,#527724)!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxActionSubmit fa-icon{color:#fff!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel :is(a,button):focus-visible{outline:2px solid #b4d674!important;outline-offset:2px!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry.isPrivate .shoutboxMessage{background:#363128!important;border-color:#8a744b!important}@media(max-width:480px){body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntryList{padding-left:9px!important;padding-right:9px!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxContentFooter .ck-editor__editable{font-size:16px!important}}
body #vlHeaderShoutPanel .shoutboxEntry{--vl-author-bg:#272c31;--vl-author-border:#3e4953;--vl-author-name:#b2c9db}body #vlHeaderShoutPanel .shoutboxEntry:is([data-user-id$="1"],[data-user-id$="6"]){--vl-author-bg:#302c26;--vl-author-border:#51483b;--vl-author-name:#d2c19e}body #vlHeaderShoutPanel .shoutboxEntry:is([data-user-id$="3"],[data-user-id$="8"]){--vl-author-bg:#2d2931;--vl-author-border:#494151;--vl-author-name:#c8b8d4}body #vlHeaderShoutPanel .shoutboxEntry:is([data-user-id$="4"],[data-user-id$="9"]){--vl-author-bg:#302928;--vl-author-border:#51413e;--vl-author-name:#d5b7ae}body #vlHeaderShoutPanel .shoutboxEntry:is([data-user-id$="0"],[data-user-id$="5"]){--vl-author-bg:#292c32;--vl-author-border:#414854;--vl-author-name:#b8c4dc}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry:not(.isPrivate) .shoutboxMessage{background:var(--vl-author-bg)!important;border-color:var(--vl-author-border)!important;color:#e9e9e9!important}body #vlHeaderShoutPanel#vlHeaderShoutPanel .shoutboxEntry:not(.isPrivate) .containerHeadline :is(a,span.username,strong){color:var(--vl-author-name)!important}
@media(min-width:1025px){body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg{overflow:visible!important;transform-origin:center!important;filter:drop-shadow(0 -1px 0 #e9ceff50) drop-shadow(0 2px 1px #281539) drop-shadow(0 0 4px var(--vl-glow,#a875ee88))!important}body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg>circle:first-child{fill:rgba(159,101,221,.18)}@keyframes vlSmileDepthFlash{0%,65%,100%{transform:perspective(90px) rotateY(-7deg) scale(1);filter:brightness(1) drop-shadow(0 -1px 0 #e9ceff50) drop-shadow(0 2px 1px #281539) drop-shadow(0 0 4px var(--vl-glow,#a875ee88));opacity:.88}72%{transform:perspective(90px) rotateY(5deg) scale(1.04);filter:brightness(1.18) drop-shadow(0 -1px 0 #f1d9ff80) drop-shadow(0 2px 1px #281539) drop-shadow(0 0 7px var(--vl-glow,#a875ee88));opacity:1}76%{transform:perspective(90px) rotateY(0deg) scale(1.055);filter:brightness(1.65) drop-shadow(0 -1px 0 #faebffcc) drop-shadow(0 2px 1px #281539) drop-shadow(0 0 9px var(--vl-glow,#a875ee88));opacity:1}80%{transform:perspective(90px) rotateY(-3deg) scale(1.015);filter:brightness(1.1) drop-shadow(0 -1px 0 #e9ceff60) drop-shadow(0 2px 1px #281539) drop-shadow(0 0 5px var(--vl-glow,#a875ee88));opacity:1}}}@media(prefers-reduced-motion:reduce){body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg{transform:none!important}}
@media(min-width:1025px){body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg{animation:vlSmileDepthFlash 5.6s ease-in-out infinite,vlSmileBreathingWeight 2.8s ease-in-out infinite!important}body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg>circle:first-child{stroke-width:inherit!important}@keyframes vlSmileBreathingWeight{0%,100%{stroke-width:1.25;scale:.96}50%{stroke-width:2.1;scale:1.045}}}@media(prefers-reduced-motion:reduce){body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg{animation:none!important;scale:1!important;stroke-width:1.8!important}}
/* Keep the native source box out of the page flow until it moves into the panel. */
body [data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"] { display: none !important; }
body #vlHeaderShoutPanel [data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"] { display: block !important; }
body #vlHeaderShoutPanel[hidden] { display: none !important; }
body .mainMenu .vlShoutMenuItem > #vlHeaderShoutToggle:focus-visible {
  outline: 2px solid #d8c5ff !important;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg { animation: none !important; }
}body .boxesBottom:has([data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"]):not(:has(.box:not([data-box-identifier="de.darkwood-studios.wcf.shoutbox.box"]))) {
  display: none !important;
}

/* Keep the smiley glow without the theme's white button frame. */
body #pageHeaderContainer #pageHeader #vlHeaderShoutToggle svg,
body .pageMenuMainNavigation a[data-identifier="vl.shoutbox"] svg {
  color: var(--vl-smile, #cba8fa) !important;
}

body #pageHeaderContainer #pageHeader .mainMenu .boxMenu > li.vlShoutMenuItem > #vlHeaderShoutToggle {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
body #pageHeaderContainer #pageHeader .mainMenu .boxMenu > li.vlShoutMenuItem > #vlHeaderShoutToggle::before,
body #pageHeaderContainer #pageHeader .mainMenu .boxMenu > li.vlShoutMenuItem > #vlHeaderShoutToggle::after {
  content: none !important;
}
body #pageHeaderContainer #pageHeader .mainMenu .boxMenu > li.vlShoutMenuItem > #vlHeaderShoutToggle:focus-visible {
  outline: 2px solid #b181ed !important;
  outline-offset: -2px !important;
}
