html,body{height:100%;margin:0;padding:0;background:#fff}html body{overflow-x:hidden}html.js #fixed-frame{overflow:hidden;z-index:2}html.js #fixed-frame>#camera-frame>*{margin:0;padding:0}html.js #native-frame{position:absolute;left:0;right:0;top:5000px;z-index:3}html.js #native-frame>div{z-index:3;transform:translateZ(0px);-webkit-transform:translateZ(0px)}html.js body>canvas.frame{z-index:1}#stats{left:0;top:0}html.no-js body{background:#fff url(images/fallback.jpg) 50% 0 no-repeat;background-size:100%}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){html.no-js body{background:#fff url(images/fallback-retina.jpg) 50% 0 no-repeat;background-size:100%}}@media only screen and (max-device-width:1024px){html.no-js body{background:#fff url(images/fallback.jpg) 50% 0 no-repeat;background-size:100%}}html.no-js #native-frame{padding-top:41%}html.no-js #fixed-frame{height:0;bottom:auto}.pointer-punch{position:absolute;top:0;left:0;right:0;pointer-events:auto}html.js .draggable{cursor:move}.frame{position:absolute;margin:0;padding:0}.frame{top:0;bottom:0;left:0;right:0}.dead{pointer-events:none}.fixed{position:fixed}#overlay{display:none;pointer-events:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:5;overflow:hidden}#overlay div{height:28px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1)}.grid{left:49.99999%;margin-left:-480px;width:960px;position:absolute}html.js .grid{-webkit-transform:translateZ(0px)}.grid .grid{position:static;left:0;margin-left:0;width:100%}.grid .l{float:left}.grid .r{float:right}.grid .wh{background:#fff}.grid .c,.grid .cl{clear:left}.grid .cr{clear:right}.grid .cb{clear:both}html .grid .pr{position:relative!important}html .grid .pa{position:absolute!important}.grid .t-2{top:-56px}.grid .t-1{top:-28px}.grid .t1{top:28px}.grid .t2{top:56px}.grid .t3{top:84px}.grid .t4{top:112px}.grid .t5{top:140px}.grid .h1{height:28px}.grid .h2{height:56px}.grid .h3{height:84px}.grid .h4{height:112px}.grid .h5{height:140px}.grid .mt-2,.grid .m-2{margin-top:-56px}.grid .mt-1,.grid .m-1{margin-top:-28px}.grid .mt0,.grid .m0{margin-top:0}.grid .mt1,.grid .m1{margin-top:28px}.grid .mt2,.grid .m2{margin-top:56px}.grid .mt3,.grid .m3{margin-top:84px}.grid .mt4,.grid .m4{margin-top:112px}.grid .mt5,.grid .m5{margin-top:140px}.grid .mb0{margin-bottom:0}.grid .mb1{margin-bottom:28px}.grid .mb2{margin-bottom:56px}.grid .mb3{margin-bottom:84px}.grid .mb4{margin-bottom:112px}.grid .mb5{margin-bottom:140px}.grid .ml0{margin-left:0!important}.grid .ml1{margin-left:28px!important}.grid .ml2{margin-left:56px!important}.grid .ml3{margin-left:84px!important}.grid .ml4{margin-left:112px!important}.grid .ml5{margin-left:140px!important}.grid .mr0{margin-right:0!important}.grid .mr1{margin-right:28px!important}.grid .mr2{margin-right:56px!important}.grid .mr3{margin-right:84px!important}.grid .mr4{margin-right:112px!important}.grid .mr5{margin-right:140px!important}.grid .g1,.grid .g2,.grid .g3,.grid .g4,.grid .g5,.grid .g6,.grid .g7,.grid .g8,.grid .g9,.grid .g10,.grid .g11,.grid .g12{float:left}.grid iframe{display:block}.grid img{max-width:100%;width:100%;display:block}.grid img.natural{width:auto;margin-left:auto;margin-right:auto}.grid img.inline{display:inline;width:auto;margin:0 10px;padding:0}.grid img.s70{max-width:70%;width:70%;display:block}.grid img.s80{max-width:80%;width:80%;display:block}.grid img.s90{max-width:90%;width:90%;display:block}.grid .pad{padding:0 20px}.grid .box{padding:14px 20px}.grid .l{float:left}.grid .r{float:right}.grid .w{margin-right:-1px}.grid .z{height:0}.grid .mz{margin:0}.grid .g12{width:100%}.grid .g11{width:91.6667%}.grid .g10{width:83.3333%}.grid .g9{width:75%}.grid .g8{width:66.6667%}.grid .g7{width:58.3333%}.grid .g6{width:50%}.grid .g5{width:41.6667%}.grid .g4{width:33.3333%}.grid .g3{width:25%}.grid .g2{width:16.6667%}.grid .g1{width:8.3333%}.grid .i12{margin-left:100%}.grid .i11{margin-left:91.6667%}.grid .i10{margin-left:83.3333%}.grid .i9{margin-left:75%}.grid .i8{margin-left:66.6667%}.grid .i7{margin-left:58.3333%}.grid .i6{margin-left:50%}.grid .i5{margin-left:41.6667%}.grid .i4{margin-left:33.3333%}.grid .i3{margin-left:25%}.grid .i2{margin-left:16.6667%}.grid .i1{margin-left:8.3333%}.grid .ol1{position:relative;left:-4.1666%}.grid .or1{position:relative;left:4.1666%}.grid .g3 .pad{padding:0 10px}.grid .g3 .pad p{margin-left:0!important}p.p0,p.p0 img{margin:0}@media only screen and (max-width:960px){.grid{width:100%;margin:0;left:0}.grid .g8.i2{position:relative;left:-320px;margin-left:50%;width:640px}.grid .g4.i2{position:relative;left:-320px;margin-left:50%;width:320px;margin-right:-320px}.grid .g3.i2:not(.ol1):not(.ol2){position:relative;left:-320px;margin-left:50%;width:240px;margin-right:-320px}.grid .g3.c4{width:50%}.grid .g3.c4 .pad{padding:0 20px}.grid .g3.c4+.g3.c4+.g3.c4{clear:left}.grid .g3.c4+.g3.c4+.g3.c4+.g3.c4{clear:none}}@media only screen and (max-width:640px){.grid .g1,.grid .g2,.grid .g3,.grid .g4,.grid .g5,.grid .g6,.grid .g7,.grid .g8,.grid .g9,.grid .g10,.grid .g11,.grid .g12{width:100%!important;float:none!important;margin:0!important;left:0!important;position:static!important}.grid p>img{left:-10px}.grid aside>p{padding:0 20px;text-align:center}.grid img.s70,.grid img.s80,.grid img.s90{max-width:100%;width:100%}}@media only screen and (min-width:1280px){.grid.expand .le{float:left}.grid.expand .re{float:right}.grid.expand{width:1280px;margin-left:-640px}.grid.expand .g12{width:960px}.grid.expand .g11{width:880px}.grid.expand .g10{width:800px}.grid.expand .g9{width:720px}.grid.expand .g8{width:640px}.grid.expand .g7{width:560px}.grid.expand .g6{width:480px}.grid.expand .g5{width:400px}.grid.expand .g4{width:320px}.grid.expand .g3{width:240px}.grid.expand .g2{width:160px}.grid.expand .g1{width:80px}.grid.expand .ge16{width:1280px}.grid.expand .ge15{width:1200px}.grid.expand .ge14{width:1120px}.grid.expand .ge13{width:1040px}.grid.expand .ge12{width:960px}.grid.expand .ge11{width:880px}.grid.expand .ge10{width:800px}.grid.expand .ge9{width:720px}.grid.expand .ge8{width:640px}.grid.expand .ge7{width:560px}.grid.expand .ge6{width:480px}.grid.expand .ge5{width:400px}.grid.expand .ge4{width:320px}.grid.expand .ge3{width:240px}.grid.expand .ge2{width:160px}.grid.expand .ge1{width:80px}}.grid .wide{clear:both}body{font-size:16px;line-height:28px;font-family:'klavika-web',sans-serif;font-weight:normal;font-style:normal;color:#353535}h1{font-family:'klavika-web',sans-serif;font-weight:bold;font-style:italic;letter-spacing:-1px;font-size:36px}h2{font-family:'Klavika-web',sans-serif;font-weight:bold;font-style:italic;letter-spacing:-1px;font-size:26px}h3{font-family:'Klavika-web',sans-serif;font-weight:bold;font-style:normal;letter-spacing:-1px;font-size:22px}h1,h2{color:#476c88;margin:28px 0;padding:0}li{margin:0;padding:0}p,ul,ol{margin:28px 0;padding:0}h1,h2,.outlined{text-shadow:3px 0 1px #fff,-3px 0 1px #fff,0px -3px 1px #fff,0px 3px 1px #fff,2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff,3px 2px 1px #fff,-3px 2px 1px #fff,3px -2px 1px #fff,-3px -2px 1px #fff,1px 3px 1px #fff,-1px 3px 1px #fff,1px -3px 1px #fff,-1px -3px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,1px 1px 1px #fff}a{color:inherit;text-decoration:none}p a,ol a,ul a,article.full a{color:#52a4be;color:#476c88;font-style:italic;border-bottom:1px dotted #99afbb}nav a:hover,p a:hover,ol a:hover,ul a:hover{color:#507b9b;color:#64bcca}.summary h1,.tv h1{font-size:32px;font-weight:normal;text-shadow:none}.summary h1{color:#444e53}.summary p{color:#5a676e}.legend{min-height:28px}.legend h1{font-size:26px;color:#99afbb}.tv h1{color:#5a676e}@media only screen and (min-width:1280px){.tv h1{font-size:26px}}.about .legend{margin-bottom:28px}.about p{margin-left:0;color:#5a676e;color:#99afbb}p.copy,.slideshow .pages{text-align:center;color:#99afbb}h2{margin-top:56px}h1+h2,h2.sub{margin-top:-3px;margin-bottom:31px;color:#52a4be}time{color:#99afbb}.ti{font-style:italic}.tc{text-align:center}.tr{text-align:right}code{font-size:14px;margin:0 2px;background:#f2f2f2;padding:2px}code:first-child{margin:0 2px 0 0}p.codeblock,p.textblock{margin:42px 20px;background:#eee!important}p.textblock{padding:20px}p.codeblock code{background:0;font-size:12px;line-height:14px;margin:-14px 0;padding:20px;display:block;white-space:pre-wrap}code{font-family:"Bitstream Vera Sans Mono","Andale Mono",Monaco,monospace}p.codeblock{line-height:14px}aside{font-style:italic}.obf{float:left;user-select:none;padding-right:5px}.obf span{float:right}.tags,.tags a{color:#99afbb}a.subscribe{border:0}a:hover .icon-feed span:nth-child(1){background:#52a4be}a:hover .icon-feed span:nth-child(2),a:hover .icon-feed span:nth-child(3){border-right-color:#52a4be}nav a{font-family:'Klavika-web',sans-serif;font-weight:bold;font-style:italic;letter-spacing:-1px;font-size:20px;color:#99afbb}nav a:hover,nav a:active{color:#52a4be}nav a:hover .icon-arrow span:nth-child(1),nav a:active .icon-arrow span:nth-child(1),.nav a:hover .icon-arrow span:nth-child(1),.nav a:active .icon-arrow span:nth-child(1){background:#52a4be}nav a:hover .icon-arrow span:nth-child(2),nav a:active .icon-arrow span:nth-child(2),.nav a:hover .icon-arrow span:nth-child(2),.nav a:active .icon-arrow span:nth-child(2){border-left-color:#52a4be}.nav a:hover .icon-repeat span:nth-child(1){border-left-color:#52a4be;border-top-color:#52a4be}.nav a:hover .icon-repeat span:nth-child(2){border-right-color:#52a4be;border-bottom-color:#52a4be}.nav a:hover .icon-repeat span:nth-child(3){border-left-color:#52a4be}.nav a:hover .icon-repeat span:nth-child(4){border-right-color:#52a4be}html.js body{-webkit-font-smoothing:antialiased}html.js .growl{-webkit-font-smoothing:subpixel-antialiased}.tv-meta aside{color:#99afbb}h1.h0{font-size:144px}body .serif,.serif h1,.serif h2,.serif h3,.serif em,.serif a,.serif acronym,.serif p acronym{font-family:"Palatino","Palatino Linotype","Book Antiqua",serif;line-height:36px;color:#000}html.js body .serif,html.js .serif h1,html.js .serif h2,html.js .serif h3,html.js .serif em,html.js .serif a,html.js .serif acronym,html.js .serif p acronym{-webkit-font-smoothing:antialiased}.serif em,.serif a{color:#111}article.full .serif a{color:#30556c}article.full .serif a:hover{color:#54acba}.serif h1,.serif h2,.serif h3,.serif h4,.serif p,.serif ul,.serif ol,.serif dl{margin:36px 0;font-style:normal}.serif li{margin:18px 0}.serif ul.flat{margin:9px 0}h1.serif{font-style:normal}.serif h2.sub{margin-top:0;font-size:24px;font-style:italic}.serif h1,.serif h1 a{margin:36px 0 36px 0;line-height:54px}.serif h2,.serif h2 a{margin:54px 0 18px 0;font-size:36px}em.big{margin:0;font-size:24px;line-height:36px;letter-spacing:-1px}em.bigger{margin:0;font-size:32px;line-height:36px;letter-spacing:-2px}span.invisible{font-size:0;position:relative;left:-10000px}big{font-size:120%}small{font-size:85%}.purple{color:#b940a5}.green{color:#259035}.blue{color:#3080f0}.red{color:#c02050}.orangered{color:#c03000}.surfacered{color:#df5000}.teal{color:#50a5c0}.white{color:#fff}.cyan{color:#30a0b0}.gold{color:#db8101}.royal{color:#5528a0}.grey,.gray{color:#a9a9a9}.slate{color:#5070a0}.orange{color:#dc6200}.strike{opacity:.25}.gone{opacity:0}.black{color:#000}button.shaded{border-radius:4px;border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(0,0,0,.5);border-right:1px solid rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 10px rgba(255,255,255,.3);padding:7px 14px;cursor:pointer}button.disabled{opacity:.15;cursor:default}button.purple{color:#a74697;background-color:#a74697}button.green{color:#50c020;background-color:#50c020}button.blue{background-color:#3080f0}button.red{background-color:#c02050}button.orangered{background-color:#c53c09}button.teal{background-color:#50a5c0}button.white{background-color:#fff}button.cyan{color:#40a272;background-color:#40a272}button.gold{background-color:#db8101}button.royal{background-color:#5528a0}button.grey,button.gray{background-color:#a9a9a9}button.slate{background-color:#5070a0}.steps>.step>p .MathJax .blue,.steps>.step>p .MathJax .green,.steps>.step>p .MathJax .red,.steps>.step>p .MathJax .slate,.steps>.step>p .MathJax .cyan,.steps>.step>p .MathJax .red,.steps>.step>p .MathJax .orangered,.steps>.step>p .MathJax .royal,.steps>.step>p .MathJax .orange,.steps>.step>p .MathJax .gold{text-shadow:0 0 0 rgba(0,0,0,.5)}.strike{text-decoration:line-through;color:#aaa}.strike>span{color:#999}kbd{font-family:'klavika-web',sans-serif;font-weight:normal;font-style:normal;font-size:14px;text-shadow:0 0 .5px rgba(0,0,0,.1)}kbd{border:1px solid #ccc;border-radius:4px;padding:3px 4px;background-image:linear-gradient(bottom,#d6d6d6 0,#f0f0f0 84%);background-image:-o-linear-gradient(bottom,#d6d6d6 0,#f0f0f0 84%);background-image:-moz-linear-gradient(bottom,#d6d6d6 0,#f0f0f0 84%);background-image:-webkit-linear-gradient(bottom,#d6d6d6 0,#f0f0f0 84%);background-image:-ms-linear-gradient(bottom,#d6d6d6 0,#f0f0f0 84%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#d6d6d6),color-stop(0.84,#f0f0f0))}.fadeText{transition:.5s opacity ease-out;-webkit-transition:.5s opacity ease-out;opacity:0}.fadeText.active{opacity:1}article abbr,article acronym{border-bottom:1px dotted rgba(0,0,0,.35);cursor:help}.muted{opacity:.5;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;will-change:opacity}.muted:hover,.muted:active{opacity:1}.language-jsx{background:#fff}article code.small{font-size:.7em;line-height:16px}article code.wrap{white-space:pre-wrap}.text-invert{color:#fff}em.normal{font-style:normal}.gt{color:#009000}nav{padding-bottom:15px;line-height:22px;position:relative}nav .arrow{position:absolute;top:0}nav .prev .arrow{left:0;transform:scale(-1,1);-webkit-transform:scale(-1,1);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}nav .next .arrow{right:0}nav .prev,nav .next{position:absolute;top:0;max-width:50%;z-index:10}nav .prev{left:10px}nav .next{right:10px;text-align:right}nav a{padding:0 10px;display:block}nav .prev a{padding-left:0}nav .next a{padding-right:0}nav .caption{position:relative;top:-28px}nav .caption span{height:112px;display:table-cell;vertical-align:middle;max-width:80px}nav .prev .caption span{padding-left:60px}nav .next .caption span{padding-right:60px}nav a,nav .arrow{display:inline-block;vertical-align:middle}.repeat nav{margin-top:4px}@media only screen and (max-width:960px){nav{height:64px}nav .caption{max-width:none}.repeat nav{height:0}}.repeat+footer{margin-top:-50px}html.js #masthead,#arrow{display:none}html.no-js #masthead #play{display:none}html.no-js #masthead{position:absolute;left:55.5%;padding-top:31%}html.no-js #masthead h1,html.no-js #masthead h2{font-size:36px;line-height:48px;text-shadow:none;margin:0}html.no-js #masthead h2{font-size:26px}html.no-js #masthead .bubble{height:24px;width:24px;font-size:22px;margin-left:4px;margin-bottom:5px;line-height:44px}@media only screen and (max-width:1280px){html.no-js #masthead h1,html.no-js #masthead h2{font-size:31px;line-height:41px;text-shadow:none;margin:0}html.no-js #masthead h2{font-size:22px}html.no-js #masthead .bubble{height:20px;width:20px;font-size:18px;margin-left:3px;margin-bottom:4px;line-height:37px}}@media only screen and (max-width:730px){html.no-js #masthead h1,html.no-js #masthead h2{font-size:25px;line-height:33px;text-shadow:none;margin:0;-webkit-font-smoothing:antialiased}html.no-js #masthead h2{font-size:18px}html.no-js #masthead .bubble{height:17px;width:17px;font-size:14px;margin-left:3px;margin-bottom:4px;line-height:34px}7}@media only screen and (max-width:580px){html.no-js #masthead h1,html.no-js #masthead h2{font-size:22px;line-height:29px;text-shadow:none;margin:0}html.no-js #masthead h2{font-size:17px}html.no-js #masthead .bubble{height:14px;width:14px;font-size:12px;margin-left:2px;margin-bottom:3px;line-height:32px}}@media only screen and (max-width:460px){html.no-js #masthead h1,html.no-js #masthead h2{font-size:18px;line-height:24px;text-shadow:none;margin:0}html.no-js #masthead h2{font-size:13px}html.no-js #masthead .bubble{height:12px;width:12px;font-size:10px;margin-left:2px;margin-bottom:3px;line-height:30px}}#masthead{z-index:2;text-align:center;line-height:56px}#masthead h1{margin-top:0;font-size:74px;line-height:80px;margin-bottom:32px}#masthead h1>span{color:#99afbb}#masthead h2{margin-top:-15px;font-size:54px}#masthead #play{pointer-events:auto;cursor:pointer;margin:0 auto 40px;width:168px;height:168px;border-radius:168px;background:#99afbb;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-size:96px;padding-top:10px;padding-left:11px;line-height:168px;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);transform:rotate(2deg)}#masthead #play:hover{background:#c52a18}#masthead #play:active{background:#eb5933}#masthead a{color:inherit;text-decoration:none;pointer-events:auto;cursor:pointer}#masthead a:hover{color:#64bcca}#masthead .bubble{color:#fff;background:#99afbb;border-radius:32px;height:36px;width:36px;text-shadow:none;font-size:32px;font-weight:normal;display:inline-block;margin-left:20px;border:3px solid white;vertical-align:middle;margin-bottom:2px}#masthead .bubble span{position:relative;left:-1px;top:-8px}#masthead.shadow{z-index:1;pointer-events:none;cursor:inherit}#masthead.shadow .bubble{border-color:#94abaf;background:#94abaf}#masthead.shadow #play{background:#788b95}#masthead.shadow #play.hover{background:#8b1e11}#masthead.shadow #play{cursor:inherit}#masthead h1,#masthead h2{text-shadow:5px 0 2px #fff,-5px 0 2px #fff,0px -5px 2px #fff,0px 5px 2px #fff,4px 4px 2px #fff,-4px 4px 2px #fff,4px -4px 2px #fff,-4px -4px 2px #fff,5px 4px 2px #fff,-5px 4px 2px #fff,5px -4px 2px #fff,-5px -4px 2px #fff,2px 5px 2px #fff,-2px 5px 2px #fff,2px -5px 2px #fff,-2px -5px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 2px 2px #fff}#masthead.shadow h1,#masthead.shadow h2{color:#94abaf;text-shadow:5px 0 2px #94abaf,-5px 0 2px #94abaf,0px -5px 2px #94abaf,0px 5px 2px #94abaf,4px 4px 2px #94abaf,-4px 4px 2px #94abaf,4px -4px 2px #94abaf,-4px -4px 2px #94abaf,5px 4px 2px #94abaf,-5px 4px 2px #94abaf,5px -4px 2px #94abaf,-5px -4px 2px #94abaf,2px 5px 2px #94abaf,-2px 5px 2px #94abaf,2px -5px 2px #94abaf,-2px -5px 2px #94abaf,-2px -2px 2px #94abaf,-2px 2px 2px #94abaf,2px -2px 2px #94abaf,2px 2px 2px #94abaf}#arrow.shadow{z-index:1}#arrow{z-index:2}#arrow.shadow .icon-arrow span:nth-child(1){background:#788b95}#arrow.shadow .icon-arrow span:nth-child(2){border-left-color:#788b95}#clickme{position:fixed;left:50%;top:50%;margin-left:-84px;margin-top:-84px;width:168px;height:168px;border-radius:168px;background:#99afbb;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-size:96px;padding-top:10px;padding-left:46px;line-height:168px;box-shadow:0 4px 0 #788b95,0px 0 100px rgba(255,255,255,1),0px 0 50px rgba(255,255,255,1),0px 0 10px rgba(255,255,255,1);z-index:5;cursor:pointer}article.summary{position:relative;margin-bottom:46px}article.summary .image{overflow:hidden;border-radius:7px;width:100%;padding-bottom:55.681%;background-size:100% 100%;box-shadow:0 2px 5px rgba(0,0,0,.1)}article.summary .image img{display:none}article.summary h1{margin:27px 0 0;padding:0}article.summary p{margin:18px 0 0;padding:0}article.summary{text-align:center}article.summary .info p{min-height:56px}.legend{margin:0 0 21px}.legend h1{margin-top:0;margin-bottom:21px}.featured-legend h1{padding-top:30px;clear:left}.about-legend h1{margin-top:30px}.about p{margin-top:31px}.about{text-align:center}article.summary .image,.tv .image,.toys .image{transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out}.cold article.summary .image,.cold .tv .image,.cold .toys .image{background-image:none!important;opacity:0}@media only screen and (min-width:1280px){.featured-legend h1{padding-top:7px;clear:left}.about-legend h1{margin-top:12px}.about{text-align:left}}.toys .image,.tv .image{float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;border-radius:7px;box-shadow:0 2px 5px rgba(0,0,0,.1);background-size:100% 100%;position:relative}.image .play{position:absolute;left:50%;top:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;text-align:center;vertical-align:middle;line-height:58px;font-size:28px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-left:4px;border-radius:25px;color:#fff;background:#99afbb;box-shadow:0 2px 0 rgba(120,139,149,1)}.toys .image img,.tv .image img{display:none}.toys .image{margin:0 .7608% .7608% 0;width:11.739%;padding-bottom:11.739%}@media only screen and (max-width:960px){.toys .image{float:left;margin:0 1.0869% 1.0869% 0;width:15.579%;padding-bottom:15.579%}}@media only screen and (max-width:640px){.toys .image{float:left;margin:0 1.5217% 1.5217% 0;width:23.478%;padding-bottom:23.478%}}.tv .image{width:100%;padding-bottom:56.0714%}.tv h1{margin:0;padding:27px 0 18px;text-align:center;clear:both}a .image{opacity:.85;transition:.08s opacity ease-in-out;-webkit-transition:.08s opacity ease-in-out;-webkit-transform:translateZ(0px)}a:hover .image{opacity:.999}.tv{clear:both}.toys{margin-bottom:27px;float:left;width:100%}.tv-legend{margin-top:7px}.toys-legend{margin-top:51px}.tv-player{max-width:100%}.tv-meta img{box-shadow:0 2px 5px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.1);overflow:hidden;border-radius:7px}@media only screen and (max-width:640px){.tv h1{margin-bottom:56px;padding-bottom:0}}@media only screen and (min-width:1280px){.toys .image{margin:0 2.5% 2.5% 0;width:47.5%;padding-bottom:47.5%}.tv{clear:none}.tv .image{padding-bottom:56.4285%}.tv h1{padding:20px 0 46px}.tv .spacer{clear:right;padding-top:7px}.toys-legend{margin-top:0}.tv-legend{margin-top:0}}.growl{position:fixed;top:34px;right:34px;z-index:1000}.growl.center{left:50%;margin-left:-148px;top:auto;bottom:34px}.growl.link:hover{border:2px solid #fff}.growl{color:#fff;border:2px solid rgba(0,0,0,0);padding:8px;width:296px;height:56px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.4);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.4);opacity:0;background:rgba(0,0,0,.7) no-repeat 12px 8px;background-size:56px 56px;transform:perspective(800px) translateY(20px) rotateX(30deg) translateZ(-40px);-webkit-transform:perspective(800px) translateY(20px) rotateX(30deg) translateZ(-40px);transition:opacity .3s ease-out,transform .3s ease-out;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out}.growl>div{display:table-cell;vertical-align:middle;font:inherit;height:56px;padding-left:74px;padding-right:14px;box-sizing:border-box;width:296px}.growl.pop{opacity:1;transform:perspective(800px) translateY(0px) translateZ(0px) rotateX(0deg);-webkit-transform:perspective(800px) translateY(0px) translateZ(0px) rotateX(0deg)}.growl.out{transform:perspective(800px) translateY(84px) translateZ(-40px) rotateX(-30deg);-webkit-transform:perspective(800px) translateY(84px) translateZ(-40px) rotateX(-30deg);transition:opacity .2s ease-in,transform .3s ease-in;-webkit-transition:opacity .2s ease-in,-webkit-transform .3s ease-in}.growl.achievement{background-image:url('images/growl-01.png')}.growl.info{background-image:url('images/growl-02.png')}.growl.music{background-image:url('images/growl-03.png')}article.full time{float:right;margin:0 0 0 20px}article.full p,article.full ul,article.full ol,article.full dl{margin-left:20px;margin-right:20px}article.full aside p{margin-left:0;margin-right:0}article.full .credit{float:right;opacity:.75;display:block;text-align:right;margin-top:-40px;padding:10px 10px 0 10px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,1),0 0 5px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.5);border:0;-webkit-font-smoothing:subpixel-antialiased}article.full .credit:hover{opacity:.99}article.full h1:first-child{margin-top:0}article.full .credit a{color:#fff}.serif .credit{font-weight:bold}article.full img:not(.flat){box-shadow:0 2px 5px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.1)}article.full img:not(.square){overflow:hidden;border-radius:7px}article.full img.pad{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:10px solid white;background:#fff}article.full .squeezed img{border-radius:0}article.full .details p{margin-top:0}article.full .details .tags{padding-left:15px}article.full .cover{display:none}article.full img.hide,article.full iframe.hide,article.full video.hide{visibility:hidden;opacity:0}article.full img.transition,article.full iframe.transition,article.full video.transition{opacity:0;transition:opacity .3s ease-in;-webkit-transition:opacity .3s ease-in}article.full img.transition.begin,article.full iframe.transition.begin,article.full video.transition.begin{opacity:1}.article-footer{position:relative;top:-36px}iframe{border:0;margin:0;padding:0}iframe.fit{width:100%}article.full a img{border:0}article.full h1{line-height:34px;margin:25px 0 25px}article pre{background:0;border-right:20px solid transparent;clear:both}article pre code{color:#444;background:#e0e0e0;border-radius:7px;display:block;box-shadow:0 2px 5px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.1);float:left;clear:both;min-width:100%;max-width:100%;overflow:hidden;padding:7px 14px!important;font-size:80%;line-height:21px}article pre code:hover,article pre code:active,article pre code:focus{overflow:visible;max-width:none;border-radius:7px;transition:width 1s ease-in-out;-webkit-transition:width 1s ease-in-out}.embed blockquote{color:#444;background:#eee!important;padding:28px!important;border-radius:7px}article p a,article p em{padding-right:1px}article.full a.block{display:block;border-bottom:0!important}blockquote.flush{margin-left:0;margin-right:0}article video.fit{width:100%}article span.spoiler{padding:4px;color:#000;background:#000;-webkit-font-smoothing:subpixel-antialiased}article span.spoiler.block{display:block}article span.spoiler a{color:#000!important}article span.spoiler.active,article span.spoiler:active,article span.spoiler:focus,article span.spoiler:hover{color:#fff!important}article span.spoiler.active a,article span.spoiler:active a,article span.spoiler:focus a,article span.spoiler:hover a{color:#fff!important}article img.spoiler{-webkit-filter:brightness(0);filter:brightness(0);cursor:help}article img.spoiler.active,article img.spoiler:active,article img.spoiler:focus{-webkit-filter:none;filter:none}article.full blockquote.lift,p.lift{background:#fff;padding:16px;border-radius:4px}article.full p.lang{background:#fff;padding:16px;border-radius:4px;margin-left:0;margin-right:0;font-size:120%;box-shadow:0 1px 10px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1)}.icon-tag{display:inline-block;height:12px;width:25px;transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg)}.icon-tag span{display:block;float:left;height:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.icon-tag span:nth-child(1){width:20px;background:#ccc}.icon-tag span:nth-child(2){width:5px;height:10px;border-left:5px solid #bbb;border-bottom:5px solid transparent;border-top:5px solid transparent}.icon-play{display:inline-block;width:20px;height:25px;transform:translateZ(0px);-webkit-transform:translateZ(0px)}.icon-play span{display:block;width:0;height:0;border-left:20px solid white;border-bottom:11px solid transparent;border-top:11px solid transparent}.icon-play.big{width:66px;height:79px}.icon-play.big span{border-left-width:66px;border-bottom-width:36px;border-top-width:36px}.icon-feed{display:inline-block;height:32px;width:32px;position:relative}.icon-feed span{position:absolute}.icon-feed span:nth-child(1){left:5px;bottom:5px;right:21px;top:21px;border-radius:4px;background:#99afbb}.icon-feed span:nth-child(2),.icon-feed span:nth-child(3){border-right:4px solid #99afbb;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.icon-feed span:nth-child(2){left:-1px;bottom:-1px;right:13px;top:13px;border-radius:10px}.icon-feed span:nth-child(3){left:-4px;bottom:-4px;right:6px;top:6px;border-radius:28px}.icon-arrow{width:48px;height:56px;display:inline-block}.icon-arrow span{float:left}.icon-arrow span:nth-child(1){width:25px;height:32px;margin-right:-1px;margin-top:12px;background:#99afbb}.icon-arrow span:nth-child(2){border-left:24px solid #99afbb;border-bottom:28px solid transparent;border-top:28px solid transparent}.icon-arrow.big{width:64px;height:112px}.icon-arrow.big span:nth-child(1){width:32px;height:64px;margin-top:24px}.icon-arrow.big span:nth-child(2){border-left-width:32px;border-bottom-width:56px;border-top-width:56px}.icon-pause{display:inline-block;width:24px;height:20px;transform:translateZ(0px);-webkit-transform:translateZ(0px)}.icon-pause span{float:left}.icon-pause span:nth-child(1),.icon-pause span:nth-child(2){border-left:8px solid white;height:20px}.icon-pause span:nth-child(1){width:4px}.icon-gear{display:inline-block;width:24px;height:24px;position:relative}.icon-gear span:nth-child(1),.icon-gear span:nth-child(2),.icon-gear span:nth-child(3),.icon-gear span:nth-child(4),.icon-gear span:nth-child(5){width:4px;height:16px;position:absolute;left:50%;margin-left:-2px;top:1px;background:#fff}.icon-gear span:nth-child(1){transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}.icon-gear span:nth-child(2){transform:rotate(55deg);-webkit-transform:rotate(55deg)}.icon-gear span:nth-child(3){transform:rotate(115deg);-webkit-transform:rotate(115deg)}.icon-gear span:nth-child(4){top:3px;height:12px;width:12px;border-radius:7px;margin-left:-6px}.icon-gear span:nth-child(5){top:6px;height:6px;width:6px;border-radius:3px;margin-left:-3px;background:#858b95}.icon-repeat{width:48px;height:56px;display:inline-block}.icon-repeat span{position:absolute;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.icon-repeat span:nth-child(1){top:10px;left:10px;width:21px;height:46px;border-left:0 solid #99afbb;border-top:11px solid #99afbb;border-top-left-radius:24px;border-bottom-left-radius:24px}.icon-repeat span:nth-child(2){bottom:10px;right:10px;width:21px;height:46px;border-right:0 solid #99afbb;border-bottom:11px solid #99afbb;border-bottom-right-radius:24px;border-top-right-radius:24px}.icon-repeat span:nth-child(3){border-left:13px solid #99afbb;border-top:11px solid transparent;border-bottom:11px solid transparent;left:30px;top:5px}.icon-repeat span:nth-child(4){border-right:13px solid #99afbb;border-bottom:11px solid transparent;border-top:11px solid transparent;right:30px;bottom:5px}.config{cursor:default;position:absolute;top:0;right:0;z-index:5;color:#fff;text-shadow:0 1px rgba(0,0,0,.3);height:238px;width:479px;overflow:hidden;transition:transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;transform:translateZ(0px);-webkit-transform:translateZ(0px)}.config.collapsed{transform:translate3d(0,-185px,0);-webkit-transform:translate3d(0,-185px,0)}.config .bg{position:absolute;right:0;width:0;height:0;border-top:238px solid rgba(92,100,114,.75);border-left:479px solid transparent;pointer-events:none}.config .achievements{position:absolute;top:20px;right:20px}.config .achievements span{float:left;width:32px;height:32px;border-radius:16px;background:rgba(92,100,114,1);background-size:100%;margin-left:1px}.config .resolution span{margin-left:14px}.config .status{position:absolute;top:67px;right:23px}.config .box{display:inline-block;vertical-align:middle;width:12px;height:8px;border:1px solid rgba(255,255,255,.5);background:1px solid rgba(255,255,255,.2);position:relative;top:-1px;margin-right:6px;box-shadow:0 1px rgba(0,0,0,.3);box-shadow:0 1px rgba(0,0,0,.3),inset 0 1px 1px rgba(0,0,0,0.3)}.config .style{position:absolute;right:22px;top:95px}.config .style select{margin:0 0 0 14px;border:0;padding:0;font-family:inherit;font-weight:normal;font-size:85%;line-height:inherit;background:0;color:#e6edf0;-webkit-font-smoothing:antialiased}.config select option{color:#5c6472}.config .debug{position:absolute;top:93px;left:317px;opacity:.25}.config .mute{position:absolute;right:20px;top:125px}.config .fps{position:absolute;right:20px;top:151px}.config .fps input,.config .mute input{margin-left:14px}.config .gear{position:absolute;right:0;top:184px;padding-left:52px;padding-top:8px;width:58px;text-align:center;cursor:pointer;opacity:.5;transition:opacity .15s ease-out;-webkit-transition:opacity .15s ease-out}.config .gear:hover{opacity:1}.slideshow{position:relative;background:#fff}.slideshow .nav{height:0;margin:0 auto;width:100%;max-width:960px;position:relative;z-index:10}.slideshow.compact{margin-bottom:84px}.slideshow.compact .nav{width:188px}.slideshow.compact .nav .pages{display:none}.slideshow.compact .steps{display:none}.slideshow .prev,.slideshow .again,.slideshow .next{position:absolute;height:56px;width:56px;border:0;top:21px;cursor:pointer;transition:.1s opacity ease-in-out;-webkit-transition:.1s opacity ease-in-out}.slideshow .prev{left:10px;text-align:right}.slideshow .again{left:66px}.slideshow .next{left:122px;text-align:right}.slideshow .nav .inactive{cursor:default;pointer-events:none;opacity:.3}.slideshow .pages{position:absolute;left:10px;top:91px;height:28px;width:168px;text-align:center}.slideshow .steps{width:100%;max-width:960px;margin:0 auto;position:relative;height:196px;margin-bottom:56px}.slideshow .steps>.step{position:absolute;top:0;left:0;padding-top:21px;padding-left:210px;pointer-events:none;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.slideshow .steps>.step p{margin-top:0;opacity:0;transition:.2s opacity ease-in-out;-webkit-transition:.2s opacity ease-in-out}.slideshow .steps>.step.active{z-index:10}.slideshow .steps>.step.inactive{visibility:hidden}.slideshow .steps>.step.active p{pointer-events:auto;opacity:1;transition:.2s opacity ease-in-out .3s;-webkit-transition:.2s opacity ease-in-out .3s}.slideshow .steps>.step.active.bouncer p{transition:.2s opacity ease-in-out .05s;-webkit-transition:.2s opacity ease-in-out .05s}.slideshow .steps>.step p.bounce{pointer-events:none;opacity:0;transition:.2s opacity ease-in-out;-webkit-transition:.2s opacity ease-in-out}.slideshow .steps>.step .extra{pointer-events:none;position:absolute;opacity:0;font-size:24px;text-shadow:3px 0 1px #fff,-3px 0 1px #fff,0px -3px 1px #fff,0px 3px 1px #fff,2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff,3px 2px 1px #fff,-3px 2px 1px #fff,3px -2px 1px #fff,-3px -2px 1px #fff,1px 3px 1px #fff,-1px 3px 1px #fff,1px -3px 1px #fff,-1px -3px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,1px 1px 1px #fff;transition:.3s opacity ease-in-out .15;-webkit-transition:.3s opacity ease-in-out .15}.slideshow .steps>.step .extra.active{opacity:1;transition:.3s opacity ease-in-out;-webkit-transition:.3s opacity ease-in-out}.slideshow .nav .prev{transform:scale(-1,1);-webkit-transform:scale(-1,1)}#webgl-warning{display:none;position:fixed;top:0;left:0;right:0;z-index:6;text-align:center;padding:28px;background:#ffef92;color:#78140a;font-size:120%;transition:.3s top ease-in-out;-webkit-transition:.3s top ease-in-out;box-shadow:0 2px 5px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.1)}#webgl-warning.collapsed{top:-200px}#webgl-warning a:not(.close){border-bottom:1px dotted #b4140a}#webgl-warning .close{position:absolute;top:50%;right:50px;font-size:48px;line-height:43px;margin-top:-27px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.3);width:48px;height:47px;border-radius:24px;color:#fff}.hljs{display:block;padding:.5em;background:#23241f}.hljs,.hljs-tag,.css .hljs-rules,.css .hljs-value,.css .hljs-function .hljs-preprocessor,.hljs-pragma{color:#4aadff}.hljs{color:#eee;-webkit-font-smoothing:subpixel-antialiased}.hljs-strongemphasis,.hljs-strong,.hljs-emphasis{color:#a8a8a2}.hljs-bullet,.hljs-blockquote,.hljs-horizontal_rule,.hljs-number,.hljs-regexp,.alias .hljs-keyword,.hljs-literal,.hljs-hexcolor{color:#ae81ff}.hljs-tag .hljs-value,.hljs-code,.hljs-title,.css .hljs-class,.hljs-class .hljs-title:last-child{color:#d1f1ff}.hljs-link_url{font-size:80%}.hljs-strong,.hljs-strongemphasis{font-weight:bold}.hljs-emphasis,.hljs-strongemphasis,.hljs-class .hljs-title:last-child{font-style:italic}.hljs-keyword,.hljs-function,.hljs-change,.hljs-winutils,.hljs-flow,.lisp .hljs-title,.clojure .hljs-built_in,.nginx .hljs-title,.tex .hljs-special,.hljs-header,.hljs-attribute,.hljs-symbol,.hljs-symbol .hljs-string,.hljs-tag .hljs-title,.hljs-value,.alias .hljs-keyword:first-child,.css .hljs-tag,.css .unit,.css .hljs-important{color:#a6edff}.hljs-function .hljs-keyword,.hljs-class .hljs-keyword:first-child,.hljs-constant,.css .hljs-attribute{color:#66d9ef}.hljs-variable,.hljs-params,.hljs-class .hljs-title{color:#f8f8f2}.hljs-string,.css .hljs-id,.hljs-subst,.haskell .hljs-type,.ruby .hljs-class .hljs-parent,.hljs-built_in,.sql .hljs-aggregate,.django .hljs-template_tag,.django .hljs-variable,.smalltalk .hljs-class,.django .hljs-filter .hljs-argument,.smalltalk .hljs-localvars,.smalltalk .hljs-array,.hljs-attr_selector,.hljs-pseudo,.hljs-addition,.hljs-stream,.hljs-envvar,.apache .hljs-tag,.apache .hljs-cbracket,.tex .hljs-command,.hljs-prompt,.hljs-link_label,.hljs-link_url{color:#e6db74}.hljs-comment,.hljs-javadoc,.java .hljs-annotation,.python .hljs-decorator,.hljs-template_comment,.hljs-pi,.hljs-doctype,.hljs-deletion,.hljs-shebang,.apache .hljs-sqbracket,.tex .hljs-formula{color:#a873cd}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .css,.xml .hljs-cdata,.xml .php,.php .xml{opacity:.5}