@font-face {font-family:'ComicNeue';
	src:url('../fonts/ComicNeue-Regular.woff2') format('woff2'),
	url('../fonts/ComicNeue-Regular.woff') format('woff');
	font-weight:normal;font-style:normal;} 
@font-face {font-family:'ComicNeue';
	src:url('../fonts/ComicNeue-RegularOblique.woff2') format('woff2'),
	url('../fonts/ComicNeue-RegularOblique.woff') format('woff');
	font-weight:normal;font-style:italic;}
@font-face {font-family:'ComicNeue';
	src:url('../fonts/ComicNeue-Bold.woff2') format('woff2'),
	url('../fonts/ComicNeue-Bold.woff') format('woff');
	font-weight:bold;font-style:normal;}
	
@font-face {font-family:'OpenSans';
	src:url('../fonts/OpenSans-regular.woff2') format('woff2'),
	url('../fonts/OpenSans-regular.woff') format('woff');
	font-weight:normal;font-style:normal;}
@font-face {font-family:'OpenSans';
	src:url('../fonts/OpenSans-italic.woff2') format('woff2'),
	url('../fonts/OpenSans-italic.woff') format('woff');
	font-weight:normal;font-style:italic;}
@font-face {font-family:'OpenSans';
	src:url('../fonts/OpenSans-bold.woff2') format('woff2'),
	url('../fonts/OpenSans-bold.woff') format('woff');
	font-weight:bold;font-style:normal;}

body {font-family:OpenSans,arial,sans-serif;font-size:100%;line-height:1.2;margin:0;padding:0;cursor:url(../images/linux-cursor-arrow.cur),default;}
p {cursor:url(../images/linux-cursor-arrow.cur),default;}
#grid_frame, #grid_frame table {width:442px;height:442px;}
#cluesflex {height:490px;}
h1 {font-family:ComicNeue,arial,sans-serif;text-align:center;}
h2 {font-family:ComicNeue,arial,sans-serif;font-size:85%;font-style:italic;text-align:center;margin-bottom:50px;}
#bear {text-align:center;}
#button {position:fixed;top:10px;left:10px;z-index:4;height:50px;width:50px;}
#title{clear:both}
#content{background-color:#eef;border:1px solid #009;margin:0;padding:10px}
#across1{height:145px;width:205px}
#down1{height:145px;width:205px}
#controls {clear:both;margin:8px 0;font-size:75%;}
#controls a{padding:0px 8px}
#grid_frame{margin:0;padding:0;font-family:OpenSans,arial,sans-serif;position:relative;flex-shrink:0;font-weight:bold;}
.bsquare {background-color:#000;height:34px;width:34px;}
.wsquare {background-color:#fff;height:34px;width:34px;cursor:url(../images/linux-cursor-hand.cur),pointer;}
.selsquare{background-color:#ee3;}
.selword{background-color:#9d9;}
.error{color:red}
table.lets,table.nums {position:absolute;left:0;top:0;border-collapse:collapse;table-layout:fixed;width:100%;height:100%}
table.lets td,table.nums td {line-height:0;box-sizing:border-box;overflow:hidden;padding:0;margin:0}
table.lets td div,table.nums td div {height:100% !important;width:100% !important;box-sizing:border-box}
table.lets {z-index:2}
table.lets td { background-color:transparent;cursor:url(../images/linux-cursor-hand.cur),pointer;font-size:16px;line-height:1;vertical-align:middle;text-align:center;border-style:solid;border-color:#000;border-width:1px;}
table.lets td div {overflow:hidden;display:inline-block;cursor:url(../images/linux-cursor-hand.cur),pointer;font-size:14px;text-align:center}
table.lets .inp{width:100%;height:100%;border:0}table.nums{background-color:#fff}
table.nums td{font-size:10px;text-align:left;vertical-align:top;border:1px transparent}
table.nums td div{cursor:url(../images/linux-cursor-hand.cur),pointer;padding-left:1px;line-height:12px}
.cluesbox{cursor:url(../images/linux-cursor-hand.cur),pointer;background-color:#fff;height:250px;margin:0;position:relative;overflow-x:hidden;border-style:solid;border-width:1px;border-color:#f00 #ece9d8 #ece9d8 #716f64}
.cluesbox table{cursor:url(../images/linux-cursor-hand.cur),pointer;width:100%;margin:0}
.cluesbox .nosel{background-color:#fff;border:1px solid #fff}
.cluesbox .semisel{background-color:#fff;border:1px solid #9d9;}
.cluesbox .fullsel{background-color:#9d9;border:1px solid #9d9;}
.cluesbox .num{font-size:13px;text-align:right;vertical-align:top;width:21px}
.cluesbox .clue{font-size:13px;padding-left:8px;padding-right:3px;width:140px}
#outerflex{display:flex;flex-direction:row;flex-wrap:nowrap}
#cluesflex{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;margin-left:10px;justify-items:center}
#curclue_d{display:none}
#title{font-weight:bold;font-size:14px;}
p{margin:4px 0}#kb{width:100%;}
.hg-theme-default{background-color:transparent;}
.hg-button-empty{visibility:hidden;}
.hg-theme-default .hg-button{min-width:15px}
.hg-button-left,.hg-button-right,.hg-button-up,.hg-button-down,.hg-button-i{font-size:24px;min-width:32px;}
.hg-button-bksp {font-size:28px;min-width:32px;}
.hg-button-rotate{font-size:18px;min-width:32px;}
@media screen and (max-width: 620px){div#curclue_d{display:block}}
@media screen and (max-width: 560px){div#cluesflex{display:none}}
@media screen and (max-width: 400px){table.nums td>div{display:none}div#content{padding:5px}.hg-theme-default .hg-button{padding:4px}}
@media screen and (max-width: 230px){.hg-theme-default .hg-button{padding:3px;font-size:11px;min-width:14px}.hg-theme-default{padding:5px 0 5px 0}}
@media screen and (min-width: 401px){table.lets td{padding-top:5px;padding-left:1px}}