.view,body{position:relative}.game .score,.kalah-logo{text-shadow:-.06em .06em .03em #000}.game .score .player.one,.help article button{float:right}body{background-color:#000;color:#E17C00;margin:0}body,button{font-family:'Joti One',Tahoma,Geneva,Verdana,sans-serif;font-size:16px}button{font-size:1em;background:#E17C00;border:.1em solid #000;border-radius:.25em;padding:0 .25em}button>span{display:inline-block;margin:2px;border-radius:50%;background-color:#7C1C00;width:1.5em;line-height:1.5em;font-family:sans-serif;vertical-align:baseline}button:hover{cursor:pointer}.load{text-align:left}.kalah-logo,.options,.splash,.view>footer{text-align:center}.view{display:none;opacity:0;transition:opacity .5s}.view.opaque{opacity:1}.view.transparent{opacity:0}.view.visible{display:block}.view>footer{font:12px Georgia,serif;color:#E17C00;background-color:#000;margin:0;position:absolute;bottom:-1em;left:0;right:0}.kalah-logo{font-size:1.5em;color:#FA0}.full-bleed,.help,.load-panel,.options{position:absolute;left:0;top:0;right:0;bottom:0}.splash{position:relative;height:480px;margin:auto;background-color:#500050;background:linear-gradient(#500050,#C43000);color:#E17C00;min-width:600px}.splash .acacia,.splash .giraffe{background-repeat:no-repeat;background-size:contain;position:absolute}.splash .kalah-logo{font-size:9em;margin:0}.splash .action button,.splash h2{font-size:3em}.splash h2{margin:0}.splash .action{margin-top:3em}.splash .action progress{width:16em;height:2em}.splash .acacia{width:360px;height:170px;bottom:-8px;left:-4px;background-image:url(images/acacia.png)}@media screen and (max-width:850px){.splash .acacia{left:-180px}}.splash .giraffe{bottom:0;right:5em;width:7em;height:10em;background-image:url(images/giraffe.png)}.trees{position:absolute;bottom:0;left:0;right:0;height:33px;background-image:url(images/trees.png);background-repeat:repeat-x}.options{background-color:#7C1C00;background:linear-gradient(to left,#FA0,#7C1C00);color:#000;font-size:2em}.options .content{position:relative;display:inline-block;margin:.5em auto;text-align:left}.options .content .board-list{position:absolute;left:0;top:0;bottom:0;margin:.25em;width:13em;background-color:#fff;border:4px solid #000;border-radius:8px;overflow:auto}@media screen and (max-width:850px){.options .content .board-list{width:8em}}.options .content .board-list .board-item{margin:.125em;padding:0 .25em .25em;border:1px solid transparent;background-color:transparent;transition:background-color .15s}.options .content .board-list .board-item.selected{background-color:#FA0;border:1px solid #000}.options .content .board-list .board-item header{color:#000;font-size:.6em}.options .content .board-list .board-item img{width:320px;height:84px;margin:0 1em;background-color:#7C1C00;background-size:contain}@media screen and (max-width:850px){.options .content .board-list .board-item img{width:160px;height:42px}}.options .content .settings{position:relative;margin-left:15em;height:15em}.options .content .settings button.round{border:2px solid #000;background-color:#7C1C00;border-radius:50%;font-size:.9em;width:1.5em;height:1.5em}.options .content .settings label{width:9em;text-align:right;display:inline-block;margin-top:.25em;margin-right:.5em}.options .content .settings select{background-color:#7C1C00;font-size:.8em;border:3px solid #000;border-radius:8px}.options .content .settings button.toggle-button{width:2em;height:1.5em}.options .content .settings .play{position:absolute;bottom:0;text-align:right;width:9em}.options .content .settings .play button{font-size:1.25em}@media screen and (max-width:1150px){.options .content .settings .play>button,.options .content .settings label{text-align:left;display:block}}.load-panel{background-color:#500050;background:linear-gradient(#500050,#C43000);color:#E17C00;text-align:center;font-size:2em}.load-panel .acacia{height:170px;position:absolute;bottom:8px;left:0;right:0;background:url(images/acacia.png) no-repeat}.load-panel .load-errors-list{font-size:.5em}.game{font-size:2em}@media screen and (max-width:1150px){.game{font-size:1.5em}}@media screen and (max-width:850px){.options .content .settings{margin-left:9em}.game{font-size:1em}}.game .kalah-logo{font-size:1.25em;background:linear-gradient(to bottom,#200020,#400040)}.game .buttons{padding:.5em .25em 1.5em;background:linear-gradient(to top,#C43000,#500050)}.game .buttons button{font-size:.65em}.game .score{background-color:#500050;color:#FA0}.game .score .player{margin:0 1em}.game .score .player header{display:inline-block}.game .score .player .arrow{text-shadow:0 0 1em #f5f5f5}.game .board-container{position:relative;text-align:center;padding:.5em 0;background-color:#000}.game .board-container .board{position:relative;margin:0 auto;background-color:#deb887;background-position:center center;background-size:cover}.game .message-container{margin-top:-100em;position:absolute;left:0;right:0;top:0;background-color:transparent;text-align:center}.game .message-container .message-panel{position:relative;margin:2em auto 0;opacity:.1;background-color:rgba(0,0,0,.9);width:12em;padding:0 1em 1em;border-radius:.1em;border:2px solid #500050;box-shadow:0 0 .25em #000;transition-property:opacity,margin;transition-duration:.25s}.game .message-container .message-panel button.close-button{position:absolute;top:.25em;right:.25em;width:1.5em;height:1.5em;font:.6em sans-serif}.game .message-container .message-panel .game-over header{font-size:1.5em;color:#C43000;text-shadow:-.01em .01em .03em #FA0}.game .message-container .message-panel .game-over p{font-size:1.1em;margin:0;color:#FA0;text-shadow:-.02em .02em .03em #C43000}.game .message-container.visible{margin-top:0}.game .message-container.visible .message-panel{margin-top:2.5em;opacity:1}.help{text-align:center;font-size:1.25em;background-color:#500050;background:linear-gradient(#500050,#C43000);color:#000;overflow:auto;padding:0 .5em .5em}.help article{max-width:40em;margin:0 auto;padding:.5em .5em 1em;text-align:justify;background:rgba(0,0,0,.6);color:#FA0}.help article h1{margin:0}.help article p{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.help article a,.help article a:visited{color:#FA0}.sprite{background-image:url(images/kalah-sprites.png)}.title-image{width:320px;height:82px;background-position:0 -156px}