body{position:relative;margin:0 auto;width:1024px;background:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px;color:#333}
.clear{clear:both}
.divider{clear:both;margin-top:1em;height:4px}
h1{margin:1em 0 .5em;line-height:1.2;font-size:2em;color:#5e5223}

h2{position:relative;clear:both;margin:53px -10px 20px;padding:4px 16px;border-radius: 6px / 12px;background:#e0d8b7;box-shadow:0 0 5px #fff inset;letter-spacing:1px;font-size:1.25em}
h2::before{display:block;position:absolute;top:-24px;margin:0 -8px;padding:0;width:100%;height:4px;content:""}
h2.nodivider{margin:16px 0 1em;padding:4px 8px}
h2.nodivider::before{display:none}
h3{font-size:1.15em}
h4{font-size:1em}
.more::after{content:"\00a0»"}
s{color:#ccc}
#content{padding:1em 212px 1em 20px;min-height:910px;line-height:1.5}
#content li small{white-space:nowrap}
#orderby{font-size:.9em}
#orderby a:link,#orderby a:visited{text-decoration:none}
blockquote{margin:0 2em}
blockquote::after{content:" -- " attr(cite);font-style:italic}
tt{background-color:#aff;white-space:pre}
.error{color:#933}
::selection{background-color:#000;color:#f90}
ul ul{margin-top:4px;margin-bottom:4px}
ul.spaced li{padding-bottom:4px}

.collapse{border-collapse:collapse}
.collapse tr{border:1px solid #666}
.collapse th{background-color:#ccc;border:1px dotted #999;text-align:left}
.collapse td{vertical-align:top;border:1px dotted #999}
.noborder{border:none!important}


#maze_container{position:relative;display:inline-block;box-shadow:2px 2px 5px rgba(0,0,0,.25)}
#maze{background-color:#a7c53f;background-image:radial-gradient(circle at 0% 0%,transparent 50%,rgba(0,0,0,.1) 50%) , radial-gradient(circle at center,rgba(0,0,0,.1) 50%,transparent 50%) , radial-gradient(circle at 100% 100%,transparent 50%,rgba(0,0,0,.1) 50%) , radial-gradient(circle at 0% 100%,transparent 50%,rgba(0,0,0,.1) 50%) , radial-gradient(circle at 100% 0%,transparent 50%,rgba(0,0,0,.1) 50%);background-size:8em 8em}
#maze div{display:flex}
#maze div div{position:relative;width:1em;height:1em}
#maze div div::after{position:absolute;left:-3px;top:-4px;text-align:center;text-shadow:0 0 1px black;font-size:1.2em;z-index:10}
#maze div div.door.exit::after{content:"\1F6AA"}
#maze div div.nubbin::after{content:"\1F33C"}
#maze div:nth-of-type(6n+1).nubbin::after {content:"\1F344"}
//#maze div:nth-of-type(6n+2).nubbin::after {content:"\1F33B"}
#maze div:nth-of-type(6n+2).nubbin::after {content:"\1F383"}
#maze div.nubbin:nth-of-type(6n+3)::after {content:"\1F48E";}
#maze div.nubbin:nth-of-type(6n+4)::after {content:"\1F332"}
//#maze div.nubbin:nth-of-type(6n+5)::after {content:"\1F381"}  
#maze div.nubbin:nth-of-type(6n+5)::after {content:"\1F987"}

//#maze div.hero::after{content:"\1F6B6"!important}
#maze div.hero::after{content:"\1F916"!important}
#maze.face-right div.hero::after{transform:scale(-1,1)}
#maze div div.wall,#maze div div.nubbin.wall,#maze div div.door.exit{background-color:#454545;background-image:linear-gradient(45deg,rgba(0,0,0,.2) 45%,transparent 55%) , linear-gradient(to bottom,rgba(0,0,0,.2) 45%,transparent 55%);background-size:.5em .5em}
#maze div div.nubbin.wall::after{content:""}
#maze div div.sentinel.wall{background:transparent}
#maze div div.sentinel.wall::after{content:"\1F40A"}
#maze div.sentinel.wall:nth-of-type(2n)::after {content:"\1F40D"}
#maze div div.key::after{content:"\1F511"}
#maze div div:nth-child(odd) {width:1em}
#maze div:nth-child(odd) div {height:1em}
#maze_output{display:flex;margin:0 auto}
#maze_score,#maze_message{font-family:fantasy;font-weight:bold;font-size:1.2em;color:red;}
#maze_score{flex:1;text-align:left}
#maze_score::before{content:"Score: "}
#maze_score.has-key::after{content:"\00a0\1F511"}
#maze_message{flex:3;text-align:right}
#maze.finished::after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);content:"Game Over";line-height:480px;text-align:center;text-transform:uppercase;font-family:monospace;font-size:5em;text-shadow:2px 2px 2px rgba(0,0,0,.8);color:#fff;z-index:10}