diff --git a/star.js/css/star.css b/star.js/css/star.css
new file mode 100644
index 0000000..4e29991
--- /dev/null
+++ b/star.js/css/star.css
@@ -0,0 +1,9 @@
+#blackboard{width:16em;background:#333;float:left}
+.starcell{width:1em;height:1em;display:block;float:left;text-align:center}
+.selected{font-weight:bold}
+.wall{color:#000}
+.ball{color:#99f}
+.cube{color:red}
+.gift{color:yellow}
+.void{}
+.selected{background:#555}
diff --git a/star.js/index.html b/star.js/index.html
index 82cbae1..2e1c77f 100644
--- a/star.js/index.html
+++ b/star.js/index.html
@@ -17,6 +17,7 @@
 	<link rel="shortcut icon" href="/favicon.ico">
 	<link rel="apple-touch-icon" href="/apple-touch-icon.png">
 	<link rel="stylesheet" href="css/style.css?v=2">
+	<link rel="stylesheet" href="css/star.css">
 
 	<script src="js/libs/modernizr-1.7.min.js"></script>
 </head>
@@ -27,17 +28,6 @@
 		</header>
 
 		<div id="main" role="main">
-		  <style>
-			#blackboard{width:16em;background:#333;float:left}
-			.starcell{width:1em;height:1em;display:block;float:left;text-align:center}
-			.selected{font-weight:bold}
-			.wall{color:#000}
-			.ball{color:#99f}
-			.cube{color:red}
-			.gift{color:yellow}
-			.void{}
-			.selected{background:#555}
-		  </style>
 		  <p id="blackboard"></p>
 		</div>