.lastfm,.games{margin-right:-10px;text-align:center}.lastfm.table,.games.table{margin:0}.lastfm .artist,.games .game{display:inline-block;width:140px;height:80px;margin:6px 10px 5px 0;border:2px solid #EEE;border-radius:3px;box-shadow:3px 2px 8px #aaa}.lastfm .artist:hover,.games .game:hover,.lastfm .artist :focus,.games .game :focus{box-shadow:3px 2px 8px #919191;transition:box-shadow .3s ease 0s}@media only screen and (min-width:768px)and (max-width:1023px){.lastfm,.games{text-align:left;margin-right:-10px}.lastfm .artist,.games .game{width:164px;height:94px;margin:7px 10px 5px 0}}@media only screen and (min-width:1024px)and (max-width:1279px){.lastfm,.games{text-align:left;margin-right:-10px}.lastfm .artist,.games .game{width:164px;height:94px;margin:8px 10px 5px 0}}@media only screen and (min-width:1280px){.lastfm,.games{text-align:left;margin-right:-15px}.lastfm .artist,.games .game{width:201px;height:115px;margin:10px 14px 5px 0}}@media(prefers-color-scheme:dark){.lastfm .artist,.games .game{border:2px solid #555;box-shadow:3px 2px 8px #222}.lastfm .artist:hover,.games .game:hover,.lastfm .artist :focus,.games .game :focus{box-shadow:3px 2px 8px #080808}}.lastfm .artist a,.games .game div{display:block;position:relative;width:100%;height:100%;background:transparent no-repeat center;background-size:cover;opacity:.8}.lastfm .artist a:hover,.games .game div:hover,.lastfm .artist a :focus,.games .game div :focus{opacity:1;transition:opacity .3s ease 0s}.lastfm .artist a span,.games .game div span{display:block;position:absolute;bottom:0;width:100%;background-color:#ffffffbf;font-size:11pt;text-align:center}.lastfm .artist a span span,.games .game div span span{display:block;position:static;bottom:auto;background:none;font-size:9pt}@media(prefers-color-scheme:dark){.lastfm .artist a span,.games .game div span{background-color:#000000bf}}.lastfm .recent{width:100%}.lastfm .recent th{font-weight:700;text-align:left}.gamestatus td{position:relative;height:18px;text-align:center}.gamestatus td:before{content:"";position:absolute;inset:0;background:transparent url(//cdn.d03n3r.de/images/loading.svg) no-repeat center center;background-size:16px 16px;transition:opacity .25s ease 0s;will-change:opacity;opacity:0}.gamestatus .status{transition:opacity .25s ease 0s;will-change:opacity;opacity:1}.gamestatus .status a{font-weight:700}.gamestatus.loading td:before{opacity:1}.gamestatus.loading .status{opacity:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.gamestatus{display:none}}.skills .hscroll-container{position:relative;margin:5px 0 25px;background-color:#fff;background-image:linear-gradient(to top,#eee,#fff);border:1px solid #c3c3c3;border-radius:3px;box-shadow:1px 1px 5px #aaa;transform:scaleZ(1)}.skills .hscroll-container .hscroll-content{scroll-snap-type:x mandatory;scroll-padding-left:249px}.skills .hscroll-container .hscroll-content th[data-date]{scroll-snap-align:start}.skills .hscroll-container:before{content:"";position:absolute;top:0;left:0;bottom:0;width:250px;background-color:#fff;background-image:linear-gradient(to top,#eee,#fff);z-index:1}.skills .hscroll-container.expandable{padding-bottom:0;transition:padding-bottom .5s ease-in-out}.skills .hscroll-container.expandable.collapsed{padding-bottom:32px;transition:none}.skills .hscroll-container.expandable .additional{display:block;overflow:visible}.skills .hscroll-container.expandable .expander{display:block;margin:0;position:absolute;bottom:0;width:100%;border:0 none;border-radius:3px;transition:opacity .25s ease-in-out 0s;z-index:1}.skills .hscroll-container>a{position:absolute;top:8px;right:5px;opacity:.8}.skills .hscroll-container>a:hover,.skills .hscroll-container>a:focus{opacity:.9}.skills .hscroll-container>a:active{opacity:1}.skills table{display:block;margin:0;border:0 none;border-radius:0;box-shadow:none;border-collapse:separate;border-spacing:0}.skills table thead,.skills table tbody{border-collapse:separate;border-spacing:0;table-layout:fixed}.skills table thead tr,.skills table tbody tr{height:28px}.skills table thead tr:before,.skills table tbody tr:before{content:"";display:table-cell;width:249px;min-width:249px}.skills table thead tr th,.skills table tbody tr th,.skills table thead tr td,.skills table tbody tr td{height:18px;line-height:18px}.skills table thead tr th:nth-child(1),.skills table tbody tr th:nth-child(1),.skills table thead tr td:nth-child(1),.skills table tbody tr td:nth-child(1){position:fixed;width:132px;min-width:132px;left:0;z-index:1}.skills table thead tr th:nth-child(2),.skills table tbody tr th:nth-child(2),.skills table thead tr td:nth-child(2),.skills table tbody tr td:nth-child(2){position:fixed;width:82px;min-width:82px;left:150px;z-index:1}.skills table thead{position:static}.skills table thead tr{height:32px;background-color:transparent}.skills table thead tr:hover{background-color:transparent}.skills table thead tr th{height:28px;padding:2px 8px;line-height:28px;background-color:#fff;background-image:linear-gradient(to top,#eee,#fff);text-align:left}.skills table thead tr th:nth-child(1){width:140px;min-width:140px;padding:2px 4px}.skills table thead tr th label{padding:0 4px}.skills table thead tr th input{display:none;width:100%;margin:3px 0 2px;padding:2px 3px;line-height:20px;background-color:#fafafa;background-image:linear-gradient(to top,#fff,#eee);border:0 none;border-radius:3px;box-shadow:0 1px 4px #0003 inset;font-family:Calibri,"Segoe UI",Tahoma,Arial,Helvetica,Sans-Serif;font-size:11pt}.skills table thead tr th input::placeholder{color:#222;font-weight:700}.skills table thead tr th[data-date]{width:120px;min-width:120px;padding-right:0}.skills table thead tr th[data-date][colspan="1"]{width:21px;min-width:21px}.skills table thead tr th[data-date][colspan="2"]{width:51px;min-width:51px}.skills table thead tr th[data-date][colspan="3"]{width:81px;min-width:81px}.skills table thead tr th[data-date][colspan="4"]{width:111px;min-width:111px}.skills table tbody tr td{transition:background-color .25s ease-out}.skills table tbody tr td[data-date]{width:29px;min-width:29px;padding:1px 0;border-bottom:0 none;cursor:cell}.skills table tbody tr td[data-date]>div{height:10px;line-height:10px;background-color:#888;background-image:linear-gradient(to top,#888,#c8c8c8bf);box-shadow:2px 1px 3px #0003;color:transparent;font-size:14px;text-shadow:none;transition:background-color .25s ease-out,background-image .25s ease-out;-webkit-print-color-adjust:exact}.skills table tbody tr td[data-date]>div>span{margin-left:-5px;margin-right:-5px;font-size:11px}.skills table tbody tr td[data-date].start{text-align:right}.skills table tbody tr td[data-date].start>div{margin-right:-1px;border-top-left-radius:5px;border-bottom-left-radius:5px}.skills table tbody tr td[data-date].line{text-align:center}.skills table tbody tr td[data-date].line>div{margin-left:-1px}.skills table tbody tr td[data-date].end{text-align:left}.skills table tbody tr td[data-date].end>div{margin-left:-1px;border-top-right-radius:5px;border-bottom-right-radius:5px}.skills table tbody tr td[data-date].start.end{text-align:center}.skills table tbody tr td img{vertical-align:text-bottom}.skills table tbody tr td .highlight{font-weight:700}.skills table tbody tr:hover td[data-date]>div,.skills table tbody tr:focus td[data-date]>div,.skills table tbody tr:focus-within td[data-date]>div{background-color:#681613;background-image:linear-gradient(to top,#681613,#d42d27bf);transition:background-color 50ms ease-out,background-image 50ms ease-out}.skills table tbody tr:hover td:nth-child(1),.skills table tbody tr:focus td:nth-child(1),.skills table tbody tr:focus-within td:nth-child(1),.skills table tbody tr:hover td:nth-child(2),.skills table tbody tr:focus td:nth-child(2),.skills table tbody tr:focus-within td:nth-child(2){background-color:#00000008;transition:background-color 50ms ease-out}.skills table tbody tr td>*{opacity:1;transition:opacity .25s ease-in-out}.skills table tbody tr.filtered td>*{opacity:.25}.skills .fixed-clone{position:fixed;top:-1000px;margin:0;border-bottom:0 none;border-radius:0;box-shadow:none}.skills .fixed-clone.active{top:67px}.skills .fixed-clone:before{background-image:linear-gradient(to top,#f1f1f1,#fff);background-position-y:3px}.skills .fixed-clone .hscroll-content{scroll-behavior:auto;scroll-snap-type:none;scroll-padding-left:auto}@supports (-webkit-overflow-scrolling: touch){.skills .hscroll-container:before{display:none}.skills .hscroll-container .hscroll-content{-webkit-overflow-scrolling:touch}.skills table thead tr:before,.skills table tbody tr:before{display:none}.skills table thead tr th,.skills table tbody tr th,.skills table thead tr td,.skills table tbody tr td{background-color:#f6f6f6!important}.skills table thead tr th:nth-child(1),.skills table tbody tr th:nth-child(1),.skills table thead tr td:nth-child(1),.skills table tbody tr td:nth-child(1){position:sticky}.skills table thead tr th:nth-child(2),.skills table tbody tr th:nth-child(2),.skills table thead tr td:nth-child(2),.skills table tbody tr td:nth-child(2){position:sticky}}@supports (-ms-ime-align: auto){.skills table tbody tr td[data-date]>div{font-family:Segoe UI Symbol}}@media(prefers-color-scheme:dark){.skills .hscroll-container{background-color:#666;background-image:linear-gradient(to top,#222,#333);border:1px solid #1a1a1a;box-shadow:1px 1px 5px #222}.skills .hscroll-container:before{background-color:#666;background-image:linear-gradient(to top,#222,#333)}.skills table thead tr th{background-color:#666;background-image:linear-gradient(to top,#222,#333)}.skills table thead tr th input{background-color:#444;background-image:linear-gradient(to top,#444,#222)}.skills table thead tr th input::placeholder{color:#eee}.skills table tbody tr:hover td:nth-child(1),.skills table tbody tr:focus td:nth-child(1),.skills table tbody tr:focus-within td:nth-child(1),.skills table tbody tr:hover td:nth-child(2),.skills table tbody tr:focus td:nth-child(2),.skills table tbody tr:focus-within td:nth-child(2){background-color:#0000001a}.skills .fixed-clone:before{background-image:linear-gradient(to top,#222,#333)}}.expandable div{clear:left}.expandable label{display:inline-block;width:140px}.expandable .expander{margin:10px 0 0}.stream{display:none;overflow:hidden;max-height:0px;transition:max-height .5s ease 0s;will-change:max-height}.stream.active{max-height:calc((100vw - 50px)*.42)}.stream .stream-frame{width:100%;height:calc((100vw - 50px)*.42);border:none}@media only screen and (min-width:512px)and (max-width:767px){.stream.active{max-height:195px}.stream .stream-frame{height:195px}}@media only screen and (min-width:768px)and (max-width:1023px){.stream.active{max-height:303px}.stream .stream-frame{height:303px}}@media only screen and (min-width:1024px)and (max-width:1279px){.stream.active{max-height:380px}.stream .stream-frame{height:380px}}@media only screen and (min-width:1280px){.stream.active{max-height:464px}.stream .stream-frame{height:464px}}