html{color:#000;background:#ccc;width:100%;margin:0;padding:0;font-family:Noto Serif,serif;font-size:16px}body{max-width:750px;margin:0 auto;font-family:Noto Sans TC,sans-serif}*{outline:none}a{color:#000;text-decoration:underline}h1{text-transform:uppercase;color:#fff;background-color:#000;margin:0;padding:2px 20px 0;font-family:"Press Start 2P",cursive;font-size:17px;display:inline-block}h3{text-transform:uppercase}button{cursor:pointer;background-color:#ccc;border:0;border-bottom:1px solid #00000040;border-radius:5px;margin:0 2px;padding:5px 10px}button.disabled{opacity:.25}input:not([type=range]){border:1px solid #ccc;border-radius:5px;padding:5px}nav{text-align:right;background-color:#aaa;border-top-left-radius:5px;border-top-right-radius:5px;width:90%;margin-top:10px;margin-left:2%;padding:8px 3%;font-size:16px}nav a{color:#000;cursor:pointer;margin-left:20px;text-decoration:none;display:inline-block;position:relative}nav a span{opacity:.2;display:inline-block;position:absolute;top:-1px;right:-24px;transform:scale(.8)}nav a:hover:not([href]){cursor:s-resize;text-decoration:none}nav a.front{float:left;margin-left:0;font-family:"Press Start 2P",cursive;display:block}nav .menu,nav.nav-closed .links span:hover .menu{display:none}nav .links span:hover .menu{z-index:1000;background-color:#aaa;border-bottom-right-radius:5px;border-bottom-left-radius:5px;flex-wrap:wrap;width:96%;max-width:720px;margin:0 auto;padding:1% 0;display:flex;position:absolute;left:0;right:0}nav .links span:hover .menu div{background:#0000000d;border-radius:5px;flex-direction:column;flex:auto;align-items:flex-start;margin:10px;padding:15px;display:flex}nav .links span:hover .menu div b{width:fit-content;font-weight:400;display:inline-block}nav .links span:hover .menu div a{white-space:nowrap;background-color:#ffffff80;border-radius:5px;width:fit-content;margin:2px 0 0;padding:2px 5px}nav .links span:hover .menu div a:hover{background-color:#0000001a;box-shadow:-2px -2px 1px #0003,2px 2px 2px #ffffff1a}article{background-color:#fff;border-radius:3px;max-width:700px;margin:0 auto;padding:20px}article.noTop{padding-top:0}article .right{float:right;margin-left:20px}article .left{float:left;margin-right:20px}article .center{text-align:center}article .responsive{max-width:100%;height:auto}article .row{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:1rem;display:flex}article .row.row2>div{width:48%}article .row.row3>div{width:31%}article .row.row4>div{width:21%}article .code{color:#595;background:#000;border-radius:5px;padding:5px;font-family:Courier;font-size:.8rem}article .typewriter{color:#000000e6;background-color:#eee;padding:20px;font-family:Space Mono,monospace;font-style:normal;font-weight:400;line-height:1.3rem}article .typewriter .header{font-size:1.5rem;font-weight:700}article .typewriter .separator{border-top:1px solid #000;margin-top:10px;padding-top:10px}footer{opacity:.33;max-width:700px;margin:10px auto;font-size:12px;font-style:italic}.detailsNavigation{display:flex}.detailsNavigation .leftSide{text-align:left;width:65%}.detailsNavigation .leftSide .detailsNavigationButton{width:initial;margin:0 5px 5px 0}.detailsNavigation .rightSide{text-align:right;width:35%}.detailsNavigation .rightSide .detailsNavigationButton{width:initial;margin:0 0 5px 5px}.detailsNavigation .detailsNavigationButton{cursor:pointer;white-space:nowrap;background:#fff;border:5px solid #fff;border-radius:5px;transition:top .5s,box-shadow .5s,opacity .5s;display:inline-block;position:relative;top:0;box-shadow:1px 2px 3px #00000040}.detailsNavigation .detailsNavigationButton:hover,.detailsNavigation .detailsNavigationButton.selected{top:-2px;box-shadow:1px 2px 6px #0000002b}.detailsNavigation .detailsNavigationButton.unselected{opacity:.5}.detailsNavigation .detailsNavigationButton .number{color:#666;background-color:#eee;border-radius:15px;padding:2px 3px;font-size:12px;position:relative;top:-1px}#_arcade .rightside{float:right;text-align:center;width:30%}body.nautilus{width:100%;max-width:100%;height:100%;margin:0}.nautilus h1{text-transform:inherit;color:inherit;background-color:inherit;display:inherit;padding:inherit;font-family:inherit;font-size:inherit;margin:inherit}.nautilus nav{box-sizing:border-box;z-index:9999;background-color:#0000;border-top-left-radius:0;border-top-right-radius:0;width:100%;margin-top:0;margin-left:0;position:absolute;left:0;right:0;overflow:visible}.nautilus nav .navbar{overflow:visible}.nautilus nav a{color:#fff}.nautilus nav a:hover{text-decoration:underline}.nautilus nav .links span:hover .menu{white-space:nowrap;width:auto;margin:0;padding:10px;display:block;position:absolute;left:auto;right:25px}.nautilus nav .links span:hover .menu>div{padding:0}.nautilus nav .links span:hover .menu a{background-color:#fff3}.nautilus nav .links span:hover .menu b{color:#fff}article.nautilus{background-color:#0000;border-radius:0;width:100%;max-width:100%;height:100vh;margin:0;padding:0;position:relative}.nautilus footer{display:none}body.nautilus{background-image:url(/static/nautilus/loading.png);background-position:50%;background-size:cover}.nautilus nav .links span:hover .menu{background-color:#0000}body.points{width:100%;max-width:100%;height:100%;margin:0}.points h1{text-transform:inherit;color:inherit;background-color:inherit;display:inherit;padding:inherit;font-family:inherit;font-size:inherit;margin:inherit}.points nav{box-sizing:border-box;z-index:9999;background-color:#0000;border-top-left-radius:0;border-top-right-radius:0;width:100%;margin-top:0;margin-left:0;position:absolute;left:0;right:0;overflow:visible}.points nav .navbar{overflow:visible}.points nav a{color:#fff}.points nav a:hover{text-decoration:underline}.points nav .links span:hover .menu{white-space:nowrap;width:auto;margin:0;padding:10px;display:block;position:absolute;left:auto;right:25px}.points nav .links span:hover .menu>div{padding:0}.points nav .links span:hover .menu a{background-color:#fff3}.points nav .links span:hover .menu b{color:#fff}article.points{background-color:#0000;border-radius:0;width:100%;max-width:100%;height:100vh;margin:0;padding:0;position:relative}.points footer{display:none}body.points{background-color:#000;overflow:hidden}.points nav .links span:hover .menu{background-color:#000000a8}.points #app{width:100%;height:100%;position:absolute;top:0;left:0}body.waveMatcher{width:100%;max-width:100%;height:100%;margin:0}.waveMatcher h1{text-transform:inherit;color:inherit;background-color:inherit;display:inherit;padding:inherit;font-family:inherit;font-size:inherit;margin:inherit}.waveMatcher nav{box-sizing:border-box;z-index:9999;background-color:#0000;border-top-left-radius:0;border-top-right-radius:0;width:100%;margin-top:0;margin-left:0;position:absolute;left:0;right:0;overflow:visible}.waveMatcher nav .navbar{overflow:visible}.waveMatcher nav a{color:#fff}.waveMatcher nav a:hover{text-decoration:underline}.waveMatcher nav .links span:hover .menu{white-space:nowrap;width:auto;margin:0;padding:10px;display:block;position:absolute;left:auto;right:25px}.waveMatcher nav .links span:hover .menu>div{padding:0}.waveMatcher nav .links span:hover .menu a{background-color:#fff3}.waveMatcher nav .links span:hover .menu b{color:#fff}article.waveMatcher{background-color:#0000;border-radius:0;width:100%;max-width:100%;height:100vh;margin:0;padding:0;position:relative}.waveMatcher footer{display:none}body.waveMatcher{background-color:#000;overflow:hidden}.waveMatcher nav .links span:hover .menu{background-color:#000000a8}.waveMatcher #app{width:100%;height:calc(100% - 30px);position:absolute;top:30px;left:0}body.composite{width:100%;max-width:100%;height:100%;margin:0}.composite h1{text-transform:inherit;color:inherit;background-color:inherit;display:inherit;padding:inherit;font-family:inherit;font-size:inherit;margin:inherit}.composite nav{box-sizing:border-box;z-index:9999;background-color:#0000;border-top-left-radius:0;border-top-right-radius:0;width:100%;margin-top:0;margin-left:0;position:absolute;left:0;right:0;overflow:visible}.composite nav .navbar{overflow:visible}.composite nav a{color:#fff}.composite nav a:hover{text-decoration:underline}.composite nav .links span:hover .menu{white-space:nowrap;width:auto;margin:0;padding:10px;display:block;position:absolute;left:auto;right:25px}.composite nav .links span:hover .menu>div{padding:0}.composite nav .links span:hover .menu a{background-color:#fff3}.composite nav .links span:hover .menu b{color:#fff}article.composite{background-color:#0000;border-radius:0;width:100%;max-width:100%;height:100vh;margin:0;padding:0;position:relative}.composite footer{display:none}body.composite{background-color:#000;overflow:hidden}.composite nav .links span:hover .menu{background-color:#000000a8}.composite #app{width:100%;height:100%;position:absolute;top:0;left:0}.kuha article{text-align:center;font-family:League Script,cursive}.kuha article #odometer{opacity:.5;font-size:2.5rem;position:fixed;bottom:10px;right:15px}.kuha article p{font-size:5rem}.kuha article #kuha{background-image:url(/static/images/kuha/ha.jpg);width:223px;height:2000px;display:inline-block}.kuha footer{display:none}
