/* normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Architects Daughter";src:url("/fonts/architectsdaughter/architectsdaughter.eot");src:url("/fonts/architectsdaughter/architectsdaughter.eot?#iefix") format("embedded-opentype"),url("/fonts/architectsdaughter/architectsdaughter.woff") format("woff"),url("/fonts/architectsdaughter/architectsdaughter.ttf") format("truetype"),url("/fonts/architectsdaughter/architectsdaughter.svg#architects_daughterregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"SSStandard";src:url("/fonts/ss-standard/ss-standard.eot");src:url("/fonts/ss-standard/ss-standard.eot?#iefix") format("embedded-opentype"),url("/fonts/ss-standard/ss-standard.woff") format("woff"),url("/fonts/ss-standard/ss-standard.ttf") format("truetype"),url("/fonts/ss-standard/ss-standard.svg#SSStandard") format("svg");font-weight:normal;font-style:normal}html,body{margin:0;padding:0;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}body{font-size:24px;background:url(/img/wood-tile.jpg) center center repeat}#wrapper{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}#inner-wrapper{padding:50px 0}#interpretations{box-shadow:0 2px 16px rgba(0,0,0,0.8)}body,textarea{color:#333;font:normal 24px "Helvetica Light",Helvetica,sans-serif}button{vertical-align:middle;font-size:20px;line-height:24px;margin:8px;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;padding:4px 10px;border:none}header,footer{height:49px;position:absolute;left:0;width:100%}header{z-index:10;background:#1c3f5e;background:-moz-linear-gradient(top, #224d72 0%, #16324a 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #224d72), color-stop(100%, #16324a));background:-webkit-linear-gradient(top, #224d72 0%, #16324a 100%);background:-o-linear-gradient(top, #224d72 0%, #16324a 100%);background:-ms-linear-gradient(top, #224d72 0%, #16324a 100%);background:linear-gradient(to bottom, #224d72 0%, #16324a 100%);-pie-background:linear-gradient(270deg, #224d72 0%, #16324a 100%);font-size:22px;color:#a6bfd1;line-height:50px;border-bottom:solid 1px #000;-moz-box-shadow:0 0px 3px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0px 3px 0 rgba(0,0,0,0.5);box-shadow:0 0px 3px 0 rgba(0,0,0,0.5);text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.8);top:0}header button{display:none;vertical-align:middle;height:33px;border:solid 1px #000;box-shadow:0 1px 1px 0 rgba(132,167,192,0.4),inset 0 1px 1px 0 rgba(132,167,192,0.2);background:#214a6e;background:-moz-linear-gradient(top, #275882 0%, #1b3d5a 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #275882), color-stop(100%, #1b3d5a));background:-webkit-linear-gradient(top, #275882 0%, #1b3d5a 100%);background:-o-linear-gradient(top, #275882 0%, #1b3d5a 100%);background:-ms-linear-gradient(top, #275882 0%, #1b3d5a 100%);background:linear-gradient(to bottom, #275882 0%, #1b3d5a 100%);-pie-background:linear-gradient(270deg, #275882 0%, #1b3d5a 100%);color:#84a7c0;text-shadow:0 -1px 0 rgba(0,0,0,0.8)}header .continue{float:right}header .finish{font-family:"SSStandard";-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";font-style:normal;font-weight:normal;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-webkit-font-smoothing:antialiased;line-height:30px;float:left;font-size:24px}footer{border-top:solid 1px #fff;text-align:center;bottom:0;background:url(/img/wood-footer.png) center bottom repeat-x;background-size:256px 50px;color:#000}footer a,footer .trigger{height:34px;width:34px}footer a,footer button,footer .trigger{display:inline-block;color:rgba(0,0,0,0.75);overflow:hidden;border-radius:2px;background:rgba(127,127,127,0.2);background:-moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(0,0,0,0.2)));background:-webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);-pie-background:linear-gradient(270deg, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);box-shadow:0 1px 1px 0 rgba(0,0,0,0.6),inset 0 1px 1px 0 rgba(255,255,255,0.6)}footer a circle.shape,footer a path.shape,footer button circle.shape,footer button path.shape,footer .trigger circle.shape,footer .trigger path.shape{fill:rgba(42,26,0,0.55)}footer a path.shadow,footer button path.shadow,footer .trigger path.shadow{fill:#000}footer a.active,footer a:active,footer button.active,footer button:active,footer .trigger.active,footer .trigger:active{background:rgba(42,26,0,0.35);background:-moz-linear-gradient(top, rgba(42,26,0,0.5) 0%, rgba(42,26,0,0.2) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42,26,0,0.5)), color-stop(100%, rgba(42,26,0,0.2)));background:-webkit-linear-gradient(top, rgba(42,26,0,0.5) 0%, rgba(42,26,0,0.2) 100%);background:-o-linear-gradient(top, rgba(42,26,0,0.5) 0%, rgba(42,26,0,0.2) 100%);background:-ms-linear-gradient(top, rgba(42,26,0,0.5) 0%, rgba(42,26,0,0.2) 100%);background:linear-gradient(to bottom, rgba(42,26,0,0.5) 0%, rgba(42,26,0,0.2) 100%);-pie-background:linear-gradient(270deg, rgba(42,26,0,0.5) 0%, rgba(42,26,0,0.2) 100%);box-shadow:0 1px 1px 0 #fff,inset 0 2px 1px 0 rgba(0,0,0,0.5)}footer a.active circle.shape,footer a.active path.shape,footer a:active circle.shape,footer a:active path.shape,footer button.active circle.shape,footer button.active path.shape,footer button:active circle.shape,footer button:active path.shape,footer .trigger.active circle.shape,footer .trigger.active path.shape,footer .trigger:active circle.shape,footer .trigger:active path.shape{fill:rgba(42,26,0,0.6)}footer button{border:none;text-shadow:0 1px 0 rgba(255,255,255,0.3)}footer p{font-size:14px;line-height:28px;vertical-align:middle;margin:10px;text-align:center}.phrase,.illustration{background:url(/img/crease-bottom.png) center top repeat-x,url(/img/crease-top.png) center bottom repeat-x,url(/img/paper-tile@2x.jpg) center center repeat;background-size:320px 15px,320px 15px,300px 300px;overflow:hidden;max-height:0;padding:0;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.phrase.unfolded,.illustration.unfolded{-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;max-height:1200px}.phrase.unfolded.phrase,.illustration.unfolded.phrase{padding:10px}.illustration{padding:0;position:relative;font-size:16px;color:#fff}.illustration canvas,.illustration img{width:100%;display:block}.phrase{height:50px;padding:0 10px;margin:0;text-align:center;font-family:"Architects Daughter",sans-serif}.phrase textarea,.phrase span{height:50px;overflow-x:hidden;resize:none;background:none;display:block;vertical-align:middle;width:100%;color:#333;border:none;width:100%;margin:0;padding:0;text-align:center;font-family:"Architects Daughter",sans-serif;font-size:14px;line-height:24px}.phrase textarea:focus{outline:none}.controls .icon{display:block;text-decoration:none;padding:0;width:34px;height:34px}.controls button{margin:0;padding:0;line-height:34px}.controls button svg{display:block}.drawer{position:absolute;bottom:43px;left:-10px;background:url(/img/wood-tile.jpg) center center repeat;box-shadow:0 1px 8px rgba(0,0,0,0.3),inset 1px 0 1px rgba(42,26,0,0.4),inset -1px 0 1px rgba(42,26,0,0.4);max-height:0;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;clip:rect(0, 2000px, auto, 0)}.drawer.open{clip:rect(-10px, 2000px, auto, -10px);-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;max-height:400px}.drawer .cap{position:absolute;top:-5px;left:-5px;height:6px;width:64px;background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%),url(/img/wood-tile.jpg) center center repeat;background:-webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%),url(/img/wood-tile.jpg) center center repeat;box-shadow:0 2px 6px rgba(0,0,0,0.4),inset 0 -2px 2px rgba(42,26,0,0.4)}.drawer button{display:block;margin:5px 10px}.drawer button.active .swatch,.drawer button:active .swatch,.drawer .trigger.active .swatch,.drawer .trigger:active .swatch,.settings button.active .swatch,.settings button:active .swatch,.settings .trigger.active .swatch,.settings .trigger:active .swatch{box-shadow:0 1px 1px 0 #fff,inset 0 2px 1px 0 rgba(0,0,0,0.5)}.settings{margin:8px auto;position:relative;width:78px;height:34px}.settings button{display:block;width:34px;height:34px;overflow:hidden;border-radius:2px;background:rgba(127,127,127,0.2);background:-moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(0,0,0,0.2)));background:-webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);-pie-background:linear-gradient(270deg, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);box-shadow:0 1px 1px 0 rgba(0,0,0,0.6),inset 0 1px 1px 0 rgba(255,255,255,0.6)}.settings button circle.shape,.settings button path.shape{fill:rgba(0,0,0,0.6)}.sizes,.colors{position:absolute;width:34px;height:34px}.sizes{top:0;left:0}.colors{top:0;right:0}.tools,.illustration-actions{position:absolute;top:7px}.illustration-actions{right:10px}.tools{left:10px}#phrase-chooser{width:80%;margin:0 auto;background-size:300px 300px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.5);font-family:"Architects Daughter",sans-serif}#phrase-chooser .intro{padding:10px 20px;line-height:1.4}#phrase-chooser h1{font-size:18px}#phrase-chooser p{font-size:13px;text-align:left}#phrase-chooser ul{line-height:1.5;font-size:16px;list-style:none;margin:0;padding:0}#phrase-chooser li{cursor:pointer;padding:20px}#phrase-chooser li,#phrase-chooser .intro{margin:0;background:url(/img/crease-bottom.png) center top repeat-x,url(/img/crease-top.png) center bottom repeat-x,url(/img/paper-tile@2x.jpg) center center repeat;background-size:320px 15px,320px 15px,300px 300px}#welcome{margin:0 auto;padding:20px;max-width:400px;text-shadow:0 1px 0 rgba(255,255,255,0.5);color:rgba(42,26,0,0.9);-webkit-overflow-scrolling:touch;height:100%;overflow:auto}#welcome button{margin:0;border-radius:2px;padding-left:30px;padding-right:30px;background:rgba(127,127,127,0.2);background:-moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(0,0,0,0.2)));background:-webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);-pie-background:linear-gradient(270deg, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);box-shadow:0 1px 1px 0 rgba(0,0,0,0.6),inset 0 1px 1px 0 rgba(255,255,255,0.6);color:rgba(42,26,0,0.9);text-shadow:0 1px 0 rgba(255,255,255,0.5)}#welcome h1,#welcome p{margin:12px 0}#welcome h1{font-weight:normal;font-size:42px}#welcome p{font-size:18px}#welcome .icon{font-family:"SSStandard";-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;-o-font-feature-settings:"liga";font-feature-settings:"liga";font-style:normal;font-weight:normal;text-decoration:none;text-rendering:optimizeLegibility;white-space:nowrap;-webkit-font-smoothing:antialiased}#games{width:80%;margin:0 auto;background-size:300px 300px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.5);font-family:"Architects Daughter",sans-serif}#games h1{padding:10px 20px;line-height:1.4;font-size:18px}#games ul,#games p{line-height:1.5;font-size:16px;list-style:none;margin:0;padding:0}#games li,#games p,#games h1{cursor:pointer;padding:20px;margin:0;background:url(/img/crease-bottom.png) center top repeat-x,url(/img/crease-top.png) center bottom repeat-x,url(/img/paper-tile@2x.jpg) center center repeat;background-size:320px 15px,320px 15px,300px 300px}