*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#a395e8 #1c222c;scrollbar-width:thin;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:#0b111d;color:#cacaca;padding:0;margin:0}main{margin:0 auto;padding:1.5rem;max-width:800px}button,.btn,[role=button]{cursor:pointer;border:none;outline:none}p,li,h1,h2,h3,h4,h5,pre{line-height:1.5}p,li{text-align:justify;text-align-last:left}li{margin-top:.5rem}.center{text-align:center;text-align-last:center}pre{font-size:.8rem;font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;white-space:pre;overflow:auto;scrollbar-width:thin;background-color:#2d3048;padding:20px}
@keyframes popup_in{0%{transform:scale(0.7);opacity:0}80%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes popup_out{0%{transform:scale(1);opacity:1}100%{transform:scale(0.7);opacity:0}}@keyframes slide_left_in{0%{opacity:0;transform:translateX(50%)}100%{opacity:1;transform:translateX(0)}}@keyframes slide_left_out{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(50%)}}@keyframes slide_right_in{0%{opacity:0;transform:translateX(-50%)}100%{opacity:1;transform:translateX(0)}}@keyframes slide_right_out{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-50%)}}@keyframes slide_up_in{0%{opacity:0;transform:translateY(50%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide_up_out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(50%)}}@keyframes slide_down_in{0%{opacity:0;transform:translateY(-50%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide_down_out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-50%)}}@keyframes fade_in{0%{opacity:0}100%{opacity:1}}@keyframes fade_out{0%{opacity:1}100%{opacity:0}}@keyframes flip_right{0%{opacity:0}49%{opacity:0;transform:rotateZ(45deg) rotateY(90deg) scale(0.8)}50%{opacity:1;transform:rotateZ(45deg) rotateY(90deg) scale(0.8)}100%{transform:rotateZ(0deg) rotateY(0deg) scale(1)}}@keyframes canvas_completed{0%{transform:scale(1) translateX(0) translateY(0)}50%{transform:scale(1) translateX(0) translateY(0)}100%{transform:scale(1.5) translateX(0) translateY(0)}}@keyframes fix_screen{0%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes break_screen{0%{transform:scale(1)}100%{transform:scale(1.25)}}.nav{z-index:98;position:fixed;min-height:0;max-height:calc(100% - 40px);top:20px;right:20px;background-color:rgba(11,17,29,.5);border-bottom:1px solid #a395e8;border-left:1px solid #a395e8;border-radius:10px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:nav_in .5s;display:flex;flex-direction:column;justify-content:start;align-items:end;overflow-y:auto;scrollbar-color:#a395e8 rgba(11,17,29,.5)}.nav .btn-menu{flex-shrink:0;padding:10px 20px;width:fit-content;position:sticky;top:10px;right:10px}.nav .nav-list{display:none;padding:10px}.nav .nav-list a{display:block;text-align:left;padding:10px;text-decoration:none;font-size:1.1em;color:#abadaf;border-left:1px solid rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0);border-radius:10px;transition:.2s}.nav .nav-list a.br{margin-top:20px}.nav .nav-list a:hover{background-color:#0b111d;border-color:#a395e8}.nav .nav-list a:active{background-color:#a395e8;color:#0b111d}.nav .nav-list a:last-child{margin-bottom:0}.nav.opened{min-width:200px;min-height:0}.nav.opened .btn-menu{border-radius:10px;border-bottom:1px solid #a395e8;border-left:1px solid #a395e8}.nav.opened .btn-menu:active{background-color:#a395e8}.nav.opened .btn-menu:hover{background-color:#0b111d}.nav.opened .nav-list{display:block}.nav.out{animation:nav_out .5s forwards}@keyframes nav_in{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes nav_out{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}
