@font-face{font-family:Main;src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff") format("woff")}@font-face{font-family:D2Coding;src:url("/media/D2Coding.woff") format("woff")}body{margin:0;font-size:11pt}main{display:flex;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;margin:auto;color:#eee;font-family:Main,sans-serif;font-size:11pt;background:#050f21}#stage{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;max-width:1200px}#stage #bayadere{position:fixed;width:100%;height:100%;pointer-events:none;z-index:2}#stage header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px;overflow-x:auto}#stage header menu{padding:0;margin:0;list-style:none;font-size:9pt}#stage header menu a{margin-left:6px}#stage article{overflow-y:auto;overflow:hidden}#stage article ol{min-height:300px}#stage>footer{padding:2px;font-size:9pt;color:#bbb;text-align:center;background:#27344c}#stage>footer a{color:#ffd436}input[type=range]{padding:6px 0}input,select,textarea{padding:6px;border:2px solid #17418f;color:#eee;background:#091937;font-family:inherit;min-width:0}button{padding:6px;border:2px solid #17418f;margin-right:2px;color:#eee;font-family:inherit;cursor:pointer;background:#1e55bb}button .ghost{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px)}button.sub{background:rgba(0,0,0,0)}button.positive{color:inherit}button.negative{color:#ff4d4d;border-color:#ff4d4d;background:rgba(0,0,0,0)}button.tiny{display:inline-flex;align-items:center;padding:4px;border:none;line-height:1;background:initial;transition:all 100ms ease}a{color:inherit;text-decoration:inherit}ol,ul{padding:6px;margin:0;list-style:none;overflow-y:auto}.desc{color:#bbb;font-size:9pt;font-weight:normal}.dialog{position:fixed;border:1px solid #2641a3;pointer-events:all;white-space:nowrap;box-shadow:0 1px 2px #000;background:rgba(0,0,0,.9);z-index:3}.dialog.appearing{animation:DialogAppearance 200ms ease}.dialog.disappearing{animation:DialogDisappearance 200ms ease forwards}.dialog.emphasizing{animation:DialogEmphasis 1.5s ease}.dialog>.head{display:flex;flex-direction:row;align-items:center;border-left:2px solid #3051cc;font-size:9pt;cursor:move;text-shadow:0 1px 1px #000;touch-action:none;background:#2641a3}.dialog>.head>label{padding:8px;width:100%;cursor:inherit}.dialog>.head>button{flex:none;padding:8px;margin-right:4px;color:#999}.dialog>.body{padding:16px}.dialog>.body>div{margin:4px 0}.dialog>.body .input>label:first-child{margin-right:8px}.dialog>.body .input>label:last-child{margin-left:8px}.dialog footer{display:flex;justify-content:flex-end;padding-left:16px;margin:16px 0 0 auto;background:rgba(0,0,0,.9)}.dialog footer>button{flex:0 0 auto;margin-left:8px}.awning{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition:opacity 200ms linear;z-index:-1}.positive{color:#7e7}.emphasize{color:#ffee51}.tooltip{position:fixed;padding:8px;border:1px solid #333;color:#ddd;font-size:9pt;box-shadow:0 1px 1px #000;background:rgba(0,0,0,.9);z-index:4}.tooltip hr{border:none;border-top:1px dashed #333;margin:8px 0}.tooltip .attribute>.head{display:inline-block;width:80px}.tooltip .attribute>.list-item.positive::before{content:"✓";margin-right:4px}.tooltip .attribute>.list-item.negative::before{content:"✗";margin-right:4px}.tooltip .attribute>.list-item.desc::before{content:"-";margin-right:4px}.tooltip-text{white-space:pre}.input input[type=checkbox]{flex:0 0 auto}input[type=checkbox]{-webkit-appearance:none;display:flex;width:20px;height:20px;padding:0;margin:4px 0;cursor:pointer}input[type=text],input[type=number],input[type=checkbox],input[type=radio],input[type=datetime-local]{padding:8px;border:2px solid #172761;color:inherit;background:#091027}input{font:inherit}input[type=checkbox]:checked::before{transform:scale(1, 1)}input[type=checkbox]::before{align-self:center;width:100%;content:"✓";color:#7e7;text-align:center;font-weight:bold;transform:scale(0, 0);transition:transform 200ms ease}::-webkit-scrollbar{width:6px;height:6px;border-radius:5px;background-color:rgba(0,0,0,.05)}::-webkit-scrollbar-thumb{width:6px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background-color:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.5)}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.05)}::-webkit-scrollbar-corner{background-color:rgba(0,0,0,.05)}@keyframes DialogAppearance{from{opacity:0;transform:scaleY(0.5)}to{opacity:1;transform:scaleY(1)}}@keyframes DialogDisappearance{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0.5)}}@keyframes DialogEmphasis{from{box-shadow:0 0 30px #2641a3}to{box-shadow:0 1px 2px #000}}#stage article{display:grid;grid-template-rows:auto 1fr auto}form{padding:10px;background:#1b3058}form label{display:grid;grid-template-columns:60px 1fr;align-items:center;padding:2px 0}form .menu{display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:center;margin-top:10px}form .menu .desc{margin-right:auto;white-space:nowrap}.song{position:relative;display:grid;grid-template-columns:1fr 5em 80px;align-items:center;padding:10px;border:2px solid rgba(255,255,255,.2);border-radius:10px;margin:24px 6px 6px 6px;cursor:pointer}.song .title{font-weight:normal}.song .dropping{position:absolute;top:-1em;width:1.5em;height:1.5em;border:1px solid #777;border-radius:50%;font-size:8pt;text-align:center}.song .dropping.tags{display:flex;align-items:center;left:8em;width:auto;border:none}.song .dropping.tags .tag{padding:1px;margin-left:2px;background:#050f21;cursor:pointer;transition:transform 150ms ease}.song .dropping.tags .tag:hover{transform:scale(1.2)}.tag{display:inline-block;padding:2px;border:1px solid #777;font-size:9pt}
