@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap&subset=latin-ext);html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:border-box}a{color:#343e3f;text-decoration:underline}a:focus,a:hover{color:#343e3f;text-decoration:none}html{font-size:16px}body{background-color:#fff;color:#343e3f;position:relative;font-family:Roboto,sans-serif;font-size:1rem}body::before{content:"nonogram";position:fixed;color:#fafafa;top:calc(50vh - .7em);display:block;font-size:21.8vw;font-weight:700;z-index:-1}body{min-width:1000px}.button{display:inline-block;font-weight:500;color:#343e3f;text-align:center;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.6em 1.5em;font-size:1rem;line-height:1.5;border-radius:.6rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;text-decoration:none}.button:focus,.button:hover{text-decoration:none}.button--centered{display:table;margin-left:auto;margin-right:auto}.button:focus{outline:0}.button--green{color:#fff;background:#80be3a;border-bottom:5px solid #66972e}.button--green:hover{color:#fff;background:#66972e;border-bottom:5px solid #4b7022}.button--green:focus{box-shadow:0 0 0 .2em #b2da84;color:#fff}.button--blue{color:#fff;background:#4eb8d4;border-bottom:5px solid #2fa2c0}.button--blue:hover{color:#fff;background:#2fa2c0;border-bottom:5px solid #257f97}.button--blue:focus{box-shadow:0 0 0 .2em #a0d9e8;color:#fff}.button--orange{color:#fff;background:#ffbd0f;border-bottom:5px solid #db9f00}.button--orange:hover{color:#fff;background:#db9f00;border-bottom:5px solid #a87a00}.button--orange:focus{box-shadow:0 0 0 .2em #ffd975;color:#fff}.button--dark{color:#fff;background:#343e3f;border-bottom:5px solid #1d2323}.button--dark:hover{color:#fff;background:#1d2323;border-bottom:5px solid #060707}.button--dark:focus{box-shadow:0 0 0 .2em #627577;color:#fff}.button--dark-simple{color:#fff;background:#343e3f}.button--dark-simple:hover{color:#fff;background:#1d2323}.button--dark-simple:focus{box-shadow:0 0 0 .2em #627577;color:#fff}.button--big{font-size:1.5rem}.button--same-width{width:11em}.button:disabled,.button[disabled]{opacity:.4;cursor:default}.color--green{color:#80be3a}.color--blue{color:#4eb8d4}.color--orange{color:#ffbd0f}.color--dark{color:#343e3f}.logo{position:absolute;top:3rem;left:3rem}.admin-box{position:fixed;bottom:2rem;right:2rem}.board-status{text-align:center;padding-top:1rem}.board{margin:2rem auto;display:table;padding:2rem;background:#fff;box-shadow:0 0 2rem #00000012;border-radius:1rem;position:relative;backdrop-filter:blur(7px)}.board table *{box-sizing:unset;-webkit-user-select:none;-ms-user-select:none;user-select:none}.board tr th{vertical-align:bottom}.board tr th.help-x>div,.board tr th.help-y>div{background:#efefef;border-radius:4px}.board tr th.help-x.set div,.board tr th.help-y.set div{background:#fff}.board tr th.help-x.set div span,.board tr th.help-y.set div span{color:#eaeaea}.board tr th.help-x span,.board tr th.help-y span{display:inline-block}.board tr th.help-x span.set,.board tr th.help-y span.set{color:#ccc}.board tr th.help-x{text-align:right;white-space:nowrap;vertical-align:middle}.board tr th.help-x>div{display:inline-block;height:1.4rem;margin-right:.3rem}.board tr th.help-x span{width:2rem;text-align:center;margin-top:3px;margin-right:3px}.board tr th.help-y{text-align:center}.board tr th.help-y div{margin:0 auto .3rem;width:1.6rem}.board tr th.help-y span{width:100%;margin-bottom:3px}.board tr th.help-y span:first-of-type{margin-top:3px}.board tr td{border:0;min-width:2rem;width:2rem;height:2rem;text-align:center}.board.in-game tr td{border:1px solid #d9d9d9;cursor:pointer}.board.in-game tr td:nth-of-type(5n){border-right:3px solid #343e3f}.board.in-game tr td:last-of-type{border-right:1px solid #d9d9d9}.board.in-game tr td:hover{background:#efefef}.board.in-game tr td.fill>div,.board.in-game tr td[data-state=fill]>div{background:#343e3f;width:28px;height:28px;margin:0 auto;border-radius:4px;pointer-events:none}.board.in-game tr td.help,.board.in-game tr td[data-state=help]{position:relative;color:#16233c;font-weight:500;font-size:1.5rem;text-align:center}.board.in-game tr td.help::after,.board.in-game tr td[data-state=help]::after{position:absolute;content:"×";top:-.15rem;right:0;left:0;font-size:2rem;margin:0 auto;width:2rem}.board.in-game tr:nth-of-type(5n+1) td{border-bottom:3px solid #343e3f}.board.in-game tr:last-of-type td{border-bottom:1px solid #d9d9d9!important}.board.finnish{position:relative}.board.finnish td{width:calc(2rem + 1px);height:calc(2rem + 1px)}.board.finnish::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}#alert .alert-error{position:fixed;bottom:0;left:0;right:0;display:block;width:100%;text-align:center;margin:0 auto;background:#000;color:#fff;padding:1rem 0;font-size:1.5rem}#board-nav{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}#board-nav #step-back{cursor:pointer;display:inline-block;vertical-align:top;width:5rem;height:3.8rem;box-shadow:0 .2rem .5rem #ddd;border-radius:4rem;background:#fff url("../img/ico-step-back.svg") center no-repeat;background-size:2rem;margin:0 2rem}#board-nav #step-back:hover{box-shadow:0 .2rem .2rem #ddd}#board-nav .toggle{cursor:pointer;display:inline-block;vertical-align:top;width:7rem;height:3.8rem;padding:4px;box-shadow:0 .2rem .5rem #ddd;background:#fff;border-radius:4rem;position:relative;margin:0 2rem}#board-nav .toggle>div:first-of-type{background:#343e3f;height:3rem;width:3rem;border-radius:3rem;position:absolute;top:.4rem;left:.4rem}#board-nav .toggle>div:first-of-type:after{content:"";position:absolute;width:1.4rem;height:1.4rem;display:block;border:2px solid #fff;top:.8rem;left:.8rem}#board-nav .toggle>div:last-of-type{height:3rem;width:3rem;border-radius:3rem;position:absolute;top:.4rem;right:.4rem}#board-nav .toggle>div:last-of-type::after{content:"×";position:absolute;top:-.1em;right:0;left:0;font-size:3rem;margin:0 auto;width:2rem;color:#343e3f}#board-nav .toggle:hover{box-shadow:0 .2rem .2rem #ddd}#board-nav .toggle.set>div:first-of-type{background:#fff}#board-nav .toggle.set>div:first-of-type::after{border-color:#343e3f}#board-nav .toggle.set>div:last-of-type{background:#343e3f}#board-nav .toggle.set>div:last-of-type::after{color:#fff}.btn-new-game-image,.btn-new-game-rand{display:none}.btn-new-game-image.set,.btn-new-game-rand.set{display:table}#x-line,#y-line{position:fixed;background:red;z-index:-1}#x-line{left:0;right:0;height:1px}#y-line{top:0;bottom:0;width:1px}table{border-collapse:collapse}.editor main{padding-top:4rem;display:table;margin:0 auto}.editor main aside{max-width:350px;display:inline-block;vertical-align:top;margin-right:2rem}.editor main .editor-boards-outer{display:inline-block;vertical-align:top}#editor-used-colors,.editor-palette{margin:1rem auto;display:table;padding:1rem;box-shadow:0 .2rem .5rem #ddd;border-radius:.5rem;background:#fff;width:100%}#editor-used-colors .color,.editor-palette .color{width:10%;height:15px;float:left;cursor:pointer;transition:all ease-in-out .1s;position:relative}#editor-used-colors .color:hover,.editor-palette .color:hover{-ms-transform:scale(1.4,1.4);transform:scale(1.4,1.4);box-shadow:0 3px 5px rgba(0,0,0,.67);border:1px solid #fff;z-index:2}#editor-used-colors .color.set,.editor-palette .color.set{-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);box-shadow:0 3px 5px rgba(0,0,0,.67);border:1px solid #fff;z-index:1}.editor-selected-color{margin:1rem auto;display:table;padding:2rem;box-shadow:0 .2rem .5rem #ddd;border-radius:.5rem;background:#fff}#editor-used-colors{width:calc(100% - 1rem);margin:1rem 0 0 0}.editor-boards-outer #alert{z-index:1;position:relative}.editor-boards-outer #alert div{padding:1rem;border:2px solid #343e3f;background:#fff;margin-top:1rem;text-align:center}.editor-boards{position:relative;background:#fff;box-shadow:0 2rem 4rem rgba(0,0,0,.14);overflow:hidden;border-radius:.5rem}.editor-boards .editor-board-image,.editor-boards .editor-board-layout{padding:2rem;min-width:400px}.editor-boards .editor-board-image h2,.editor-boards .editor-board-layout h2{text-align:center;font-size:1.5rem}.editor-boards .editor-board-image table,.editor-boards .editor-board-layout table{margin:0 auto}.editor-boards .editor-board-image table *,.editor-boards .editor-board-layout table *{box-sizing:unset}.editor-boards .editor-board-image tr th,.editor-boards .editor-board-layout tr th{vertical-align:bottom}.editor-boards .editor-board-image tr td,.editor-boards .editor-board-layout tr td{min-width:2rem;width:2rem;height:2rem;text-align:center;border:1px solid rgba(217,217,217,.56);cursor:pointer}.editor-boards .editor-board-image .button,.editor-boards .editor-board-layout .button{margin-top:1rem}.editor-boards .editor-board-image tr td:hover{background:#efefef}.editor-boards .editor-board-layout{position:absolute;display:none;top:0}.editor-boards .editor-board-layout tr td.set div{background:#343e3f;width:20px;height:20px;margin:0 auto;border-radius:4px}.editor-boards .editor-board-layout tr td.set div:hover{background:#343e3f}.editor-boards.show-layout .editor-board-image .button,.editor-boards.show-layout .editor-board-image h2{pointer-events:none;opacity:0}.editor-boards.show-layout .editor-board-image::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.5)}.editor-boards.show-layout .editor-board-layout{display:block}.editor-boards .table-outer{border:1px solid;display:table;margin:0 auto}.editor-boards table *{box-sizing:unset;-webkit-user-select:none;-ms-user-select:none;user-select:none}.board-box{padding-top:9rem}.game-hp-title{position:relative;display:table;margin:0 auto 5em}.game-hp-title span:first-of-type{font-size:13rem;font-weight:800}.game-hp-title span:last-of-type{position:absolute;bottom:0;right:0;white-space:nowrap;font-size:2rem;font-weight:500;margin-right:1rem}.game-menu__boxes{display:-ms-flexbox;display:flex}.game-menu__box{-ms-flex:1;flex:1}.game-menu-box,.game-menu-hp{display:block;width:1000px;top:20vh;position:relative;margin:0 auto;text-align:center}.game-menu__inner{padding:7rem 4rem;border-radius:1rem;position:relative;backdrop-filter:blur(7px)}.game-menu__hidden{display:none}.game-menu__title{font-size:6rem;font-weight:800;margin-bottom:.7em}.game-menu__title-secondary{font-size:3rem;margin:0;margin-bottom:.7em}.game-menu__description{font-size:1.2rem;color:#a5a5a5;margin:0}.game-menu__middle-box{min-height:6rem}.game-menu__close{position:absolute;top:1rem;right:1rem;width:80px;height:80px;cursor:pointer}.game-menu__close::after,.game-menu__close::before{content:"";position:absolute;width:50px;top:35px;height:10px;background:#343e3f;border-radius:60px;left:0;right:0;margin:0 auto}.game-menu__close::before{-ms-transform:rotate(45deg);transform:rotate(45deg)}.game-menu__close::after{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.game-menu__close:hover{-ms-transform:scale(1.2);transform:scale(1.2)}.game-menu__select{width:10rem;height:4rem;padding:0 1rem;font-size:1.6rem;border:2px solid #e4e4e4;border-radius:.5rem;margin:0 .5rem;cursor:pointer;box-shadow:0 0 1rem #00000012}.game-menu__select:focus{outline:0}.menu-link{position:absolute;top:3rem;right:3rem}.in-game-menu{position:fixed;background:#ffffffad;backdrop-filter:blur(5px);top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center;padding-top:10vh}.in-game-menu.is--hidden{display:none}.in-game-menu__logo{margin-bottom:3rem}.in-game-menu__menu-item{margin-bottom:1em}.resume-box{margin:0 auto;display:table;padding:2rem;background:#fff;box-shadow:0 0 2rem #00000012;border-radius:1rem;position:relative;backdrop-filter:blur(7px);top:20vh}.result{display:table;margin:0 auto;border-radius:13px;overflow:hidden;border:2px solid #343e3f}.result__row{display:-ms-flexbox;display:flex}.result__pixel{width:20px;height:20px}.resume-box__button{margin:3rem auto 0;display:table}.resume-box__link-title{font-weight:700;text-align:center;margin-top:3rem;margin-bottom:.5rem}.resume-box__link{border:1px solid #ddd;padding:1rem;border-radius:6px}.resume-box__clipboard-button{display:table;margin:.3rem auto 0}