html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}body,select,input,textarea{color:#444}h1,h2,h3,h4,h5,h6{font-weight:700}html{overflow-y:scroll}a:hover,a:active{outline:none}a,a:active,a:visited{color:#607890}a:hover{color:#036}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th{font-weight:700}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type=button],input[type=submit],input[type=image],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0 0 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}::selection{background:#ff5e99;color:#fff;text-shadow:none}a:link{-webkit-tap-highlight-color:#FF5E99}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}body{background-color:#000;font-family:HelveticaNeue-Light,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:200;color:#fff;text-transform:lowercase}#options{position:absolute;top:1em;right:1em;color:#fff}#options *{opacity:0}.modal,#debug{display:none}#viewport{position:absolute;right:1em;bottom:1em;border:2px solid #555}#description{position:absolute;top:1em;left:2em;width:500px}#description h1{font-size:48px}#description p{margin-top:.75em;font-size:18px}p#download-firefox{margin-top:3em;font-size:13px}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}#avatars{position:absolute;bottom:1em;right:1em}#avatars dt{display:none}#avatars dl{display:inline}#avatars dd{display:block;float:left;height:40px;width:40px;padding:0;opacity:.65;margin:0 0 0 7px}#avatars #u-1 dd{background:#000 url(/assets/avatars-BaxeMe4U.jpg) no-repeat -7px -7px}#avatars #u-2 dd{background:#000 url(/assets/avatars-BaxeMe4U.jpg) no-repeat -53px -7px}#avatars #u-3 dd{background:#000 url(/assets/avatars-BaxeMe4U.jpg) no-repeat -7px -50px}#avatars #u-4 dd{background:#000 url(/assets/avatars-BaxeMe4U.jpg) no-repeat -7px -95px}#avatars #u-5 dd{background:#000 url(/assets/avatars-BaxeMe4U.jpg) no-repeat -95px -7px}#avatars #u-6 dd{background:#000 url(/assets/avatars-BaxeMe4U.jpg) no-repeat -180px -7px}#modal-connect button{border:1px dotted red}@media (pointer: coarse){html,body{margin:0;padding:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;height:100%;width:100%}#hex-canvas{position:fixed;top:0;left:0;width:100%;height:100%;display:block;background:#1a1a2e}#sound-editor{display:flex;flex-direction:column;gap:14px;padding:24px 20px;max-width:420px;margin:0 auto;background:#1a1a2e;color:#eee;min-height:100vh;box-sizing:border-box}#sound-editor h2{margin:0;font-size:22px;text-align:center;color:#eee;background:transparent}.editor-hint{text-align:center;font-size:13px;color:#888;margin:0;background:transparent}.octave-row{display:flex;align-items:center;justify-content:center;gap:16px;background:transparent}.octave-row label{font-size:14px;color:#ccc;background:transparent}.octave-btn{width:48px;height:48px;font-size:24px;line-height:1;border:1px solid #555;border-radius:50%;background:#2a2a4a;color:#eee;cursor:pointer}.octave-btn:active{background:#4a4a7a}.octave-value{font-size:22px;font-weight:700;min-width:30px;text-align:center;color:#eee;background:transparent}.layout-row{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent}.layout-row>label:first-of-type{font-size:14px;color:#ccc;background:transparent;margin-right:8px}.layout-row input[type=radio]{display:none}.layout-option{padding:8px 20px;font-size:15px;border:1px solid #555;border-radius:8px;background:#2a2a4a;color:#aaa;cursor:pointer}.layout-option.active{background:#3f51b5;color:#fff;border-color:#5c6bc0}.preset-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;background:transparent}.preset-btn{padding:10px 18px;font-size:15px;border:1px solid #555;border-radius:8px;background:#2a2a4a;color:#eee;cursor:pointer;min-width:70px}.preset-btn:active{background:#4a4a7a}.slider-row{display:flex;align-items:center;gap:10px;background:transparent}.slider-row label{width:80px;font-size:14px;flex-shrink:0;color:#ccc;background:transparent}.slider-row input[type=range]{flex:1;height:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}.slider-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#444}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#7986cb;margin-top:-11px}.slider-value{width:55px;text-align:right;font-size:12px;font-family:monospace;color:#aaa;background:transparent}}