:root{--color-default: 120deg, 18%;--color-background: hsl(var(--color-default), 12%);--color-label: hsl(var(--color-default), 84%);--color-label-bebel: hsl(var(--color-default), 48%);--color-panel-background: hsl(var(--color-default), 24%);--color-background-hover: hsl(var(--color-default), 32%);--color-chip-background: hsl(var(--color-default), 72%);--color-input-background: hsl(var(--color-default), 18%);--color-footer-background: hsla(var(--color-default), 12%, .7);--round-value: .4em}@font-face{font-family:CTMKF;src:url(/ctmkf.ttf)}body{font-family:Quicksand,"M PLUS Rounded 1c",CTMKF,sans-serif;background:var(--color-background);min-height:100vh;font-weight:500}input{all:unset}*{position:relative;margin:0;padding:0;box-sizing:border-box;color:var(--color-label);transition:.2s!important}h1{line-height:2em;text-shadow:0 0 1.2em,0 2px 0 var(--color-label-bebel)}::selection{color:var(--color-background);background-color:var(--color-label)}main{display:flex;flex-direction:column;gap:.6em;max-width:500px;min-height:100vh;margin:0 auto;padding:2em 1em 3.6em}._ribbon{position:fixed;top:0;right:0;text-transform:uppercase;font-weight:800;padding:.7em;opacity:.6;z-index:2000;pointer-events:none}footer{display:flex;flex-direction:row;gap:.6em;width:100vw;position:fixed;bottom:0;margin:.6em;vertical-align:bottom;z-index:2100}footer:before{content:"";display:inline-block;position:fixed;bottom:0;height:4em;width:100vw;background:linear-gradient(transparent,var(--color-footer-background) 50%);backdrop-filter:blur(.3em);mask-image:linear-gradient(transparent,var(--color-background) 50%)}._panel{display:flex;flex-direction:column;background-color:var(--color-panel-background);border-radius:var(--round-value);box-shadow:0 .2em .7em #0003;overflow:hidden;user-select:none}._panel .info{display:flex;flex-direction:row;gap:1em;padding:.8em 1em}._panel .info:hover{background-color:var(--color-background-hover)}._panel .info .detail{display:flex;flex-direction:column;gap:.3em;margin-left:auto;margin-right:0;text-align:right}._panel .info .region{font-size:small;font-weight:600;color:var(--color-panel-background);background-color:var(--color-chip-background);border-radius:var(--round-value);padding:.3em}._panel .info .region::selection{background-color:var(--color-background);color:var(--color-label)}._panel .info svg{fill:currentColor}._panel .info svg.room_indicator{width:32px}._panel .info svg.room_indicator:hover{scale:1.15;filter:drop-shadow(0 0 .8em)}._panel .info svg.player_icon{width:18px}._panel hr{margin:0 .7em;background-color:var(--color-label-bebel);color:var(--color-label-bebel)}._panel:hover{transform:translateY(-2px);box-shadow:0 0 3em var(--color-panel-background);z-index:1000}._panel svg.opened{transform:rotate(180deg)}._panel .player_item{display:flex;flex-direction:row;margin:.7em;user-select:text}._panel .player_item h4{margin:auto auto auto 0}._panel .player_item #fc{opacity:.8;font-family:Ubuntu Sans Mono,sans-serif;margin:auto 0 auto auto}._panel .player_item #rating{font-size:smaller;font-weight:600;color:var(--color-panel-background);background-color:var(--color-chip-background);border-radius:var(--round-value);padding:.3em;margin-left:.7em}input{background-color:var(--color-input-background);padding:.7em;border-radius:var(--round-value)}input ::placeholder{color:currentColor;opacity:.5}input:hover{background-color:var(--color-panel-background)}.room_total_info{display:flex;flex-direction:row}.room_total_info .player_counts{margin-left:0;margin-right:auto}.room_total_info .last_updated{margin-left:auto;margin-right:0}