@import url(https://fonts.googleapis.com/css?family=Russo+One&effect=outline);.range-control{display:inline-block}.range-control>span{display:flex;justify-content:space-between;align-items:center}.range-control>span span{display:inline-block;border:4px solid #333;border-radius:1rem;color:#999;text-align:center;width:3rem;margin-left:1rem;padding:.25rem 0}input[type=range]{-webkit-appearance:none;margin:.5rem 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#fccc35;border-radius:3px;border:.2px solid #010101}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:24px;width:16px;border-radius:10px;background:#f96522;cursor:pointer;-webkit-appearance:none;margin-top:-8px}input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#fccc35;border-radius:3px;border:.2px solid #010101}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:24px;width:16px;border-radius:10px;background:#f96522;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.4px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#f96522}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-fill-upper{background:#fccc35}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:24px;width:16px;border-radius:3px;background:#f96522;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#fccc35}input[type=range]:focus::-ms-fill-upper{background:#f96522}.game-loading{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.game-loading svg{max-width:256px;justify-self:center}.radio-button-group input[type=radio]{opacity:0;position:fixed;width:0}.radio-button-group label{display:inline-block!important;background-color:#f96522;padding:.5rem 1.5rem;font-size:1.5rem;border:2px solid #fccc35;border-right-width:0;color:#fccc35;cursor:pointer}.radio-button-group label:hover{color:#fff}.radio-button-group label:last-child{border-radius:0 4px 4px 0;border-right-width:2px}.radio-button-group input[type=radio]:first-child+label{border-radius:4px 0 0 4px}.radio-button-group input[type=radio]:checked+label{background-color:#fccc35;color:#000}.game-form{text-align:center}@media(max-height:479px)and (orientation:landscape){.game-form{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"player     player" "ball-count buttons" "volume     buttons"}}.game-form .form-group{margin-bottom:1rem}@media(max-height:479px)and (orientation:landscape){.game-form .form-group.player{grid-area:player}.game-form .form-group.volume{grid-area:volume}.game-form .form-group.ball-count{grid-area:ball-count}.game-form .form-group.button-bar{grid-area:buttons;align-self:center}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-form .form-group{margin-bottom:3rem}}@media(min-width:920px){.game-form .form-group{margin-bottom:3rem}}.game-form label{display:block}.game-form input{background-color:#000;border:4px solid #333;border-radius:1rem;color:#999;font-size:1.4rem;padding:1px;text-align:center}.game-form input:focus{outline:none;border-color:#2c55a6}.game-form input.error{border-color:red}.game-form .error-text{color:red;font-style:italic}.game-form .radio-button-group{margin-top:.5rem}@media(max-width:767px)and (orientation:portrait){.game-form .button-bar{margin-top:2rem}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-form .button-bar{margin-top:2rem}}.game-links{display:flex;justify-content:space-around;width:100%}.game-links div{text-align:center}div.notice-modal{border:5px solid #333;border-radius:1em;width:90%;max-width:640px;padding:2rem 1.4rem 1.4rem;color:#ddd;font-size:.75rem;background:#000;background:linear-gradient(180deg,#000 0,#000 25%,#6b6b6b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#6b6b6b",GradientType=0)}div.notice-modal ul{list-style-type:none;margin-left:0;padding-left:0}div.notice-modal ul li{margin-bottom:.75rem}div.notice-modal .game-banner{-webkit-transform:none;transform:none;-webkit-transform-origin:inherit;transform-origin:inherit;height:auto;width:auto}div.notice-modal .game-banner h1,div.notice-modal .game-banner h2{color:#ddd}div.notice-modal .game-banner h1{font-size:3.5rem}@media(min-width:920px){div.notice-modal .game-banner h1{font-size:5rem}}div.notice-modal .game-banner h2{font-size:1rem;margin-top:-.5rem}@media(min-width:920px){div.notice-modal .game-banner h2{font-size:1.25rem}}div.notice-modal h3{color:#fccc35;font-size:1.5rem}div.notice-modal .closer{top:4px;right:4px}div.notice-modal .closer path{stroke:#fff;fill:#fff}div.notice-modal .body,div.notice-modal .button-bar{text-align:center}div.notice-modal .body{font-size:1.5em;color:#fff}div.notice-modal .button-bar{margin-top:2rem;display:flex;flex-direction:column;width:100%;align-items:center}div.notice-modal .button-bar button{display:block;max-width:200px;margin:0 .5em 1rem;width:12rem;font-size:1rem}div.notice-modal .button-bar button.got-it{font-size:1.25rem}.game-banner{text-align:center;font-family:"Russo One",Arial,Helvetica,sans-serif}@media(orientation:landscape){.game-banner{-webkit-transform:translate(-10px,360px) rotate(-90deg);transform:translate(-10px,360px) rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left;width:72px}}@media(min-width:920px){.game-banner{-webkit-transform:translate(-10px,480px) rotate(-90deg);transform:translate(-10px,480px) rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left;height:108px;width:480px}}.game-banner h1{font-size:5rem;margin:0;padding:0}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-banner h1{font-size:7rem}}@media(min-width:920px){.game-banner h1{font-size:7rem}}.game-banner h2{font-size:1.5rem;margin:-1.3rem 0 0;padding:0;white-space:nowrap}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-banner h2{font-size:2rem}}@media(min-width:920px){.game-banner h2{font-size:2rem}}.game-dialog{padding:0 2.5rem}@media(min-width:920px){.game-dialog{max-width:640px;margin:1rem auto}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-dialog{margin:0 auto;max-width:640px}}.game-dialog header{text-align:center;font-family:"Russo One",Arial,Helvetica,sans-serif}.game-dialog header h1{margin:0;padding:0;font-size:5rem}.game-dialog header h2{margin:-1.2rem 0 0;padding:0;font-size:1.4rem}.game-dialog p{text-align:justify}.game-dialog .game-links{flex-direction:row;max-width:375px;margin:2rem auto 0}.game-dialog .game-links div{text-align:center}@media(max-height:479px)and (orientation:landscape){.game-dialog .verbose{display:none}}.cell{cursor:pointer;position:relative}.cell img.step{top:0;left:0;position:absolute}.game-complete .cell{cursor:default}.port{position:relative;cursor:pointer}.port.used{cursor:default}.port svg{position:absolute;z-index:1;left:0;top:0}.game-complete .port{cursor:default}.game-complete .port.used{cursor:pointer}@-webkit-keyframes port-spin{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes port-spin{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.game-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);grid-row-gap:0;grid-column-gap:0}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-board{width:480px;height:480px;margin:0 auto}}@media(min-width:920px){.game-board{grid-template-columns:repeat(10,48px);grid-template-rows:repeat(10,48px)}}.game-board .cell img,.game-board .port img{width:48px;height:48px}@media(max-width:767px)and (orientation:portrait){.game-board .cell img,.game-board .port img{width:10vw;height:10vw}}@media(max-height:479px)and (orientation:landscape){.game-board .cell img,.game-board .port img{width:10vh;height:10vh}}.game-modal{border:5px solid #333;border-radius:1em;width:90%;max-width:480px;padding:2rem 1.4rem 1.4rem;background:#000;background:linear-gradient(180deg,#000 0,#000 25%,#6b6b6b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#6b6b6b",GradientType=0)}.game-modal .closer{top:4px;right:4px}.game-modal .closer path{stroke:#fff;fill:#fff}.game-modal .body,.game-modal .button-bar{text-align:center}.game-modal .body{font-size:1.5em;color:#fff}.game-modal .button-bar{margin-top:2em}.game-modal .button-bar button{margin:0 .5em}.game-score-frame{border:5px solid #333;background-color:#333;border-radius:2em;padding:0;margin:0 auto;box-shadow:-2px -2px 4px 1px #777;text-align:center}.game-score-frame header{padding:.25rem 2rem}.game-score-frame .score{padding:1rem;background-color:#000;border-radius:1rem 1rem 1.5rem 1.5rem}.copyright{text-align:center;color:#ddd;font-size:.67rem}.scoreboard{display:grid;justify-items:center;align-items:center;grid-template-columns:1fr 1fr;grid-template-areas:"score buttons" "links links" "copyright copyright"}@media(min-width:920px){.scoreboard{grid-template-columns:1fr;grid-template-areas:"links" "score" "buttons" "copyright"}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.scoreboard{grid-template-columns:1fr 1fr;grid-template-rows:180px;grid-template-areas:"score buttons" "links links" "copyright copyright"}}@media(max-height:479px)and (orientation:landscape){.scoreboard{grid-template-columns:1fr;grid-template-areas:"links" "score" "buttons" "copyright"}}.scoreboard .game-links{grid-area:links}.scoreboard .game-score-frame{grid-area:score}.scoreboard .button-bar{grid-area:buttons}.scoreboard .button-bar button{margin-bottom:1rem}.scoreboard .button-bar{text-align:center}.scoreboard .button-bar .game-button{display:block}@media(max-width:767px)and (orientation:portrait){.scoreboard .button-bar .game-button{font-size:1.1rem}}@media(max-height:479px)and (orientation:landscape){.scoreboard .button-bar .game-button{font-size:1.1rem;margin-bottom:1.5rem}}.scoreboard .copyright{grid-area:copyright}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.scoreboard .copyright{padding-top:3rem}}.game-tally-counts{display:none;grid-template-columns:3fr 1fr 1fr;width:67%;margin:0 auto}.game-tally-counts .penalty{justify-self:center}@media(min-width:920px){.game-tally-counts{display:grid}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-tally-counts{display:grid}}@media(max-height:479px)and (orientation:landscape)and (min-width:668px){.game-tally-counts{display:grid}}.tally-board{display:grid;justify-items:center;align-items:center;grid-template-columns:1fr 1fr;grid-template-areas:"score legend" "links buttons" "copyright copyright"}@media(max-width:767px)and (orientation:portrait)and (min-height:668px){.tally-board{margin-top:2rem;grid-row-gap:2rem;row-gap:2rem}}@media(max-height:479px)and (orientation:landscape){.tally-board{grid-template-columns:1fr;grid-template-areas:"links" "score" "legend" "buttons" "copyright"}}@media(max-height:479px)and (orientation:landscape)and (min-width:668px){.tally-board{grid-template-columns:1fr 1fr;grid-template-areas:"links links" "score score" "tally legend" "buttons buttons" "copyright copyright"}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.tally-board{grid-template-columns:2fr 3fr 2fr;grid-template-areas:"score legend tally" "buttons buttons buttons" "links links copyright";grid-gap:3rem;margin:3rem auto 0;max-width:640px}}@media(min-width:920px){.tally-board{grid-template-columns:1fr;grid-template-areas:"links" "score" "tally" "legend" "buttons" "copyright"}}.tally-board .game-score-frame{grid-area:score}.tally-board .legend{grid-area:legend;display:grid;grid-template-columns:1fr 3fr;justify-items:center;align-items:center}.tally-board .legend img{margin:.25rem 0}.tally-board .game-tally-counts{grid-area:tally}.tally-board .game-links{grid-area:links}@media(max-width:767px)and (orientation:portrait){.tally-board .game-links{grid-gap:1rem}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.tally-board .game-links{max-width:360px}}.tally-board .button-bar{grid-area:buttons;display:flex}.tally-board .button-bar button{margin:0 .5rem;white-space:nowrap}@media(min-width:920px){.tally-board .button-bar button{font-size:1.25rem}}@media(max-width:767px)and (orientation:portrait){.tally-board .button-bar button{font-size:.75rem}}@media(max-height:479px)and (orientation:landscape){.tally-board .button-bar button{font-size:.75rem}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.tally-board .button-bar{justify-self:center}}.tally-board .copyright{grid-area:copyright}.game-traverse{display:flex;justify-content:space-around;width:100%;max-width:480px;justify-items:center;margin:2rem auto;font-size:1rem}.game-traverse button{flex-grow:1;flex-basis:40%;margin:0 1rem}.info-pane{width:100vw;height:100vh;background-color:#000;max-width:768px;display:grid;margin:0 auto;grid-template-columns:9fr 12fr;align-items:center;grid-template-areas:"image-pane body-pane" "button-bar button-bar"}@media(max-width:767px)and (orientation:portrait){.info-pane{grid-template-columns:1fr;grid-template-areas:"image-pane" "body-pane" "button-bar"}}@media(min-width:920px){.info-pane{height:auto}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.info-pane{height:auto}}.info-pane .img-pane{grid-area:image-pane;align-self:end}@media(max-width:767px)and (orientation:portrait){.info-pane .img-pane{align-self:inherit}}.info-pane .img-pane img{width:100%;max-width:360px}.info-pane .body-pane{grid-area:body-pane;padding:0 2rem}.info-pane .body-pane h1{color:red;text-align:center}.info-pane .body-pane h2{color:#fccc35;text-align:center}.info-pane .game-traverse{grid-area:button-bar;justify-self:center}.not-found-screen{width:100%;height:100vh;background-color:#000}img{display:block;margin:0 auto}.game-layout{background-color:#000;display:grid;width:100vw;height:100vh;height:calc(var(--vh, 1vh)*100)}@media(max-width:767px)and (orientation:portrait){.game-layout{grid-template-columns:100vw;grid-template-rows:80px 100vw 180px}}@media(max-height:479px)and (orientation:landscape){.game-layout{grid-template-columns:80px 100vh auto;grid-template-rows:100vh}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){.game-layout{grid-template-columns:100vw;grid-template-rows:120px 480px auto;align-items:start}}@media(min-width:920px){.game-layout{grid-template-columns:108px 480px auto;grid-template-rows:1fr;width:920px;height:480px;margin:3rem auto 0;border-bottom:3px solid #404040;border-right:3px solid #404040;border-color:#404040 #202020 #242424 #404040;border-style:solid;border-width:3px;box-sizing:content-box}}@media(max-width:767px)and (orientation:portrait){.game-layout .game-board{width:100vw;height:100vw}}@media(max-height:479px)and (orientation:landscape){.game-layout .game-board{width:100vh;height:100vh}}.players-guide{background-color:#000;color:#ddd;padding:1rem 2rem;font-size:1.2rem;max-width:920px;margin:0 auto}.players-guide a,.players-guide a:visited{color:#f96522}.players-guide a:hover,.players-guide a:visited:hover{color:#fccc35}.players-guide strong{color:red}.players-guide h1{text-align:center;color:#f96522;margin:0;padding:0}.players-guide h2{color:#fccc35}.players-guide .bb-marker-description img:first-child{float:left}.players-guide .bb-marker-description img.port{-webkit-filter:brightness(150%);filter:brightness(150%)}.players-guide .bb-marker-description p{margin:0 0 1em 52px}.players-guide .clearfix{display:inline-block}.players-guide .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.players-guide p.bb-guide-figure{text-align:center;margin-bottom:2em}.players-guide p.bb-guide-figure img{margin:0 2em}.players-guide ul{list-style:square outside}.players-guide .game-banner{-webkit-transform:none;transform:none;-webkit-transform-origin:inherit;transform-origin:inherit;height:auto;width:auto}.players-guide .game-banner h1,.players-guide .game-banner h2{color:#ddd}.players-guide .copyright{text-align:center;font-size:.9rem}.leaderboard-all-games,.leaderboard-recent-games{display:flex;flex-direction:column;align-items:center}.leaderboard-recent-games{font-size:1.2rem}.leaderboard-recent-games span.player{display:inline-block;max-width:7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-player-games{display:flex;flex-direction:column;align-items:center;font-size:1.2rem}.leaderboard-player-games .pagination{margin-top:1rem}.leaderboard-player-games span.player{display:inline-block;max-width:7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard h1{text-align:center;color:red}.leaderboard .spinner{margin:2rem auto;max-width:375px;width:75vw}.leaderboard table{width:100%}.leaderboard th{color:#fccc35;text-align:center;font-size:1.5rem;padding:.5rem}.leaderboard td{padding:.25rem;text-align:center}.leaderboard td:first-child{text-align:left}.leaderboard .react-tabs__tab--selected{background:#fccc35;border-color:#f96522}.leaderboard .react-tabs__tab-list{border-bottom:1px solid #f96522;margin:0 auto 1rem;width:90%;max-width:375px}.leaderboard .react-tabs__tab--disabled{color:#7f7f7f}.leaderboard .leaderboard-pane{width:80vw;max-width:375px}.colophon{background-color:#000;color:#ddd;padding:1rem 2rem;font-size:1.2rem;max-width:920px;margin:0 auto}.colophon a,.colophon a:visited{color:#f96522}.colophon a:hover,.colophon a:visited:hover{color:#fccc35}.colophon strong{color:red}.colophon .game-banner{-webkit-transform:none;transform:none;-webkit-transform-origin:inherit;transform-origin:inherit;height:auto;width:auto}.colophon .game-banner h1,.colophon .game-banner h2{color:#ddd}.colophon .copyright{text-align:center;font-size:.9rem}.app-error-boundary .gory{opacity:.67}.media-test{font-size:3rem}.media-test div{color:#ff0;display:none}@media(min-width:920px){div.desktop{display:block}}@media(min-width:768px)and (max-width:919px)and (min-height:480px){div.tablet{display:block}}@media(max-height:479px)and (orientation:landscape){div.phone-landscape{display:block}}@media(max-width:767px)and (orientation:portrait){div.phone-portrait{display:block}}html{font-family:"Trebuchet MS",Verdana,Arial,sans-serif;color:#fff;font-size:12px;height:100vh;height:calc(var(--vh, 1vh)*100);background:#1c1c1c;background:linear-gradient(180deg,#1c1c1c 0,#1e1e1e 49%,#6b6b6b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1c1c",endColorstr="#6b6b6b",GradientType=0);background-attachment:fixed}a{color:#f96522}.centered{text-align:center!important}button.game-button{background:#ff6d02;background:linear-gradient(180deg,#ff6d02 0,#ff6d02 17%,#ff8a31);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6d02",endColorstr="#ff8a31",GradientType=0);border-radius:6px;border-width:0;color:#eee;font-size:1.4em;padding:.5em 2em;cursor:pointer}@media(min-width:920px){button.game-button:hover{background:#efcc27;background:linear-gradient(180deg,#efcc27 0,#efcc27 17%,#edd157);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#efcc27",endColorstr="#edd157",GradientType=0);color:maroon}}button.game-button:disabled{background:#757575;background:linear-gradient(180deg,#757575 0,#515151 25%,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#757575",endColorstr="#cccccc",GradientType=0);color:#fff}.tool-tip{padding:3ox 16px!important;border-radius:4px!important}.Toastify__toast{border:3px solid #777;border-radius:1rem;background:#000;background:linear-gradient(180deg,#000 0,#000 75%,#6b6b6b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#6b6b6b",GradientType=0)}.Toastify__toast:before{float:left;margin-right:.75rem}.Toastify__toast.Toastify__toast--warning:before{content:url(/blackbox/notify/notify-warning.png)}.Toastify__toast.Toastify__toast--info:before{content:url(/blackbox/notify/notify-info.png)}.Toastify__toast.Toastify__toast--error:before{content:url(/blackbox/notify/notify-error.png)}.Toastify__toast.Toastify__toast--success:before{content:url(/blackbox/notify/notify-success.png)}.Toastify__toast-body{margin-right:1rem}ul.pagination{list-style-type:none;padding:0;margin:0;display:flex}ul.pagination li{padding:0 .5rem;font-size:1.5rem;color:#f96522}ul.pagination li a,ul.pagination li a:active,ul.pagination li a:focus,ul.pagination li a:hover,ul.pagination li a:visited{text-decoration:none;color:#f96522}ul.pagination li.active{background-color:#f96522}ul.pagination li.active a,ul.pagination li.active a:active,ul.pagination li.active a:focus,ul.pagination li.active a:hover,ul.pagination li.active a:visited{text-decoration:none;color:#000}.rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0}a,a:active,a:focus,a:hover,a:visited{color:#f96522}
/*# sourceMappingURL=main.bd7cf281.chunk.css.map */