@charset "utf-8";
.board-square,.game-moves,.game-time,.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-cover-author,.story-cover-title{align-items:center;}
.page-over > .story-page > .story-page-footer > .game-time{animation:1s ease-in-out 0s infinite normal none running pulse;}
.story-page{background-color:hsl(0,50%,20%);}
.story-cover,.story-cover-end{background-color:hsl(0,50%,40%);}
.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-page{bottom:0;}
.board-square{box-sizing:border-box;}
body{color:hsl(0,0%,100%);}
.board-square,.next-page-button,.sentence-cover,.story-cover,.story-cover-end{cursor:pointer;}
.svg-icon{display:block;}
.story-page-footer,.board-square,.game-moves,.game-time,.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-cover-author,.story-cover-title{display:flex;}
path{fill:#fff;}
.game-moves,.game-time,.next-page-button,.story-cover-author{flex:1 0 0;}
.story-cover-title{flex:2 0 0;}
.story-cover,.story-cover-end,.story-page{flex-direction:column;}
body{font-family:Arvo,Futura,sans-serif;}
.story-cover-author{font-size:1em;}
.story-cover-title{font-size:1.6em;}
.story-page-footer,.story-page-header{font-size:5vh;}
body{font-size:8vw;}
.inner-borx{height:0;}
.story-page-footer,.story-page-header{height:15%;}
.story-page-body{height:70%;}
.expanding > .inner-borx,.game-board,.svg-icon{height:100%;}
.move-icon{height:6vh;}
.board-square,.game-moves,.game-time,.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-cover-author,.story-cover-title{justify-content:center;}
.game-moves{justify-content:space-around;}
.play .game-board.leaving{left:-100%;}
.page-over > .story-page > .story-page-footer{left:-50%;}
.board-square,.expanding > .inner-borx,.game-board,.story-page-footer,.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-page{left:0;}
.inner-borx{left:50%;}
.page-over .game-board.entering{left:100%;}
*{margin:0;}
.game-moves,.game-time,.next-page-button,.sentence,.sentence-cover{margin:1vh;}
.sentence-cover.hidden{opacity:0;}
body,.story-page,.story-page-body,.story-page-footer{overflow:hidden;}
*{padding:0;}
.board-square,.borx,.game-board,.inner-borx,.svg-icon,.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-page{position:absolute;}
.next-page-button,.story-page-body,.story-page-footer,.story-page-header{position:relative;}
.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-page{right:0;}
.board-square,.game-moves,.game-time,.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-cover-author,.story-cover-title{text-align:center;}
.board-square,.expanding > .inner-borx,.sentence,.sentence-cover,.story-cover,.story-cover-end,.story-page{top:0;}
.inner-borx{top:50%;}
.storyOver .story-cover-end,.title .story-cover{transform:none;}
.story-cover{transform:translateX(-100%);}
.story-cover-end{transform:translateX(100%);}
.board-square{transition:all .3s;}
.borx{transition:height .3s,left .3s,top .3s,width .3s;}
.inner-borx{transition:height .5s,left .5s,top .5s,width .5s;}
.game-board,.story-page-footer{transition:left .5s;}
.sentence-cover{transition:opacity .375s;}
.story-cover,.story-cover-end{transition:transform .375s;}
.board-square{-moz-user-select:none;}
.inner-borx{width:0;}
.expanding > .inner-borx,.game-board,.svg-icon{width:100%;}
.story-page-footer{width:150%;}
.move-icon{width:6vh;}
.board-square{word-break:break-all;}
.borx{z-index:0;}
.board-square{z-index:1;}
.story-page{z-index:2;}
.story-cover,.story-cover-end{z-index:3;}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
}