@font-face{font-family:'Alagard';src:url('http://swordorwhip.com/assets/fonts/alagard-webfont.eot');src:url('fonts/alagard-webfont.eot') format('embedded-opentype'),url('fonts/alagard-webfont.woff2') format('woff2'),url('fonts/alagard-webfont.woff') format('woff'),url('fonts/alagard-webfont.ttf') format('truetype'),url('fonts/alagard-webfont.svg') format('svg');font-weight:normal;font-style:normal;}html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}h1,h2,#lordname,#text,#items,#tweet textarea,#tweet input[type=submit],a.btn,#question-inner p,#swordplus,#whipplus,#swordminus,#whipminus{font-weight:normal;font-family:'Alagard',"Helvetica Neue",helvetica,arial;font-size:32px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;letter-spacing:0px;}body{padding:15px;color:white;background-color:black;}ul{list-style:none;margin:0;padding:0;}ul li{line-height:1.4;}#items{width:576px;margin:20px auto 0;font-size:16px;}#items li{display:inline-block;width:96px;text-align:center;margin-bottom:20px;}#items a{cursor:pointer;text-decoration:underline;}#textbox-outer,#question-outer{padding:10px;border:2px solid #0000A0;width:580px;margin-left:auto;margin-right:auto;}#textbox-inner,#question-inner{background-color:#005;background-image:linear-gradient(to bottom,#000090 0%,#000090 5%,#00008C 5%,#00008C 10%,#000088 10%,#000088 15%,#000084 15%,#000084 20%,#000080 20%,#000080 25%,#00007C 25%,#00007C 30%,#000078 30%,#000078 35%,#000074 35%,#000074 40%,#000070 40%,#000070 45%,#00006C 45%,#00006C 50%,#000068 50%,#000068 55%,#000064 55%,#000064 60%,#000060 60%,#000060 65%,#00005C 65%,#00005C 70%,#000058 70%,#000058 75%,#000054 75%,#000054 80%,#000050 80%,#000050 85%,#00004C 85%,#00004C 90%,#000048 90%,#000048 95%,#000044 95%,#000044 100%       );height:200px;position:relative;}#lord{background:url("images/lord.png") no-repeat;height:150px;width:132px;position:absolute;left:10px;top:25px;}@media         only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) {#lord{background-image:url("images/lord@2x.png");background-size:132px 150px;}}#lordname{position:absolute;top:10px;left:152px;}#text{position:absolute;top:50px;left:157px;width:393px;}#main{margin-left:auto;margin-right:auto;margin-top:50px;position:relative;width:500px;height:320px;}#clan+#main{margin-top:20px;}#runes{background:url("images/runes.png") no-repeat;height:158px;width:158px;position:absolute;z-index:-10;left:171px;top:-32px;opacity:0.15;}#throne{background:url("images/throne_empty.png") no-repeat;height:226px;width:142px;position:absolute;left:179px;top:0px;opacity:0.5;}#igastanding{background:url("images/igastanding.png") no-repeat;width:212px;height:262px;position:absolute;left:195px;top:50px;z-index:10;display:block;border:none;}#katana{background:url("images/katana.png") no-repeat;width:44px;height:170px;position:absolute;left:135px;top:50px;z-index:10;display:block;border:none;}@media         only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) {#throne{background-image:url("images/throne_empty@2x.png");background-size:142px 226px;}#igastanding{background-image:url("images/igastanding@2x.png");background-size:212px 262px;}#katana{background-image:url("images/katana@2x.png");background-size:44px 170px;}}#stand{background:url("images/stand.png") no-repeat;width:76px;height:80px;position:absolute;top:200px;opacity:0.5;}@media         only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) {#stand{background-image:url("images/stand@2x.png");background-size:76px 80px;}}#stand.sword{left:50px;}#stand.whip{left:374px;}#sword{position:absolute;z-index:10;top:120px;left:45px;width:90px;height:90px;}#whip{position:absolute;z-index:10;top:120px;left:368px;width:90px;height:90px;}#swordicon{width:76px;height:66px;position:absolute;top:118px;left:52px;}#swordcontainer{width:76px;height:66px;position:absolute;top:0;left:0;}#swordgfx{background:url("images/sword.png") no-repeat;width:76px;height:66px;position:absolute;top:0;left:0;}#swordsparkle{background:url("images/swordsp.gif") no-repeat;width:76px;height:66px;}#swordplus,#whipplus,#swordminus,#whipminus{position:absolute;text-align:center;opacity:0.75;top:-50px;}#swordplus,#whipplus{color:#00CC00;}#swordminus,#whipminus{color:#CC0000;}#swordplus,#swordminus{width:76px;}@media         only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) {#swordgfx{background-image:url("images/sword@2x.png");background-size:72px 62px;}}#whipicon{width:78px;height:64px;position:absolute;top:116px;left:374px;}#whipcontainer{width:78px;height:64px;position:absolute;top:0;left:0;}#whipplus,#whipminus{width:78px;}#whipgfx{background:url("images/whip.png") no-repeat;width:78px;height:64px;position:absolute;top:0;left:0;}#whipsparkle{background:url("images/whipsp.gif") no-repeat;width:78px;height:64px;}@media         only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) {#whipgfx{background-image:url("images/whip@2x.png");background-size:74px 60px;}}.updown{animation:animationFrames steps(5,end) 1s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:animationFrames steps(5,end) 1s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;}@keyframes animationFrames{0%{transform:translate(0px,0px);}50%{transform:translate(0px,10px);}100%{transform:translate(0px,0px);}}@-webkit-keyframes animationFrames{0%{-webkit-transform:translate(0px,0px);}50%{-webkit-transform:translate(0px,10px);}100%{-webkit-transform:translate(0px,0px);}}#clan{text-align:center;margin:20px 0;}#textbox-outer+#question-outer{margin-top:20px;margin-bottom:20px;}#question-inner p{width:66%;margin:0 auto;text-align:center;padding-top:10px;}#yesno{width:66%;position:relative;margin:30px auto 0;}#yesno .btn{position:absolute;top:0;}#yes{left:0;}#no{right:0;}#mute{width:580px;height:24px;margin:0 auto 10px;background:url('images/playing.png') no-repeat;cursor:pointer;}#mute.muted{background:url('images/muted.png') no-repeat;}@media         only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) {#mute{background-image:url("images/playing@2x.png");background-size:30px 24px;}#mute.muted{background-image:url("images/muted@2x.png");background-size:30px 24px;}}#embed{width:576px;height:324px;margin:20px auto;}iframe{width:576px;height:324px;}@media screen and (max-width: 320px){body{margin:0;padding:5px;}}@media screen and (max-width: 719px){#mute{width:310px;}#textbox-outer,#question-outer{width:310px;}#textbox-inner,#question-inner{height:100px;}#lord{top:15px;height:75px;width:66px;left:0px;background-size:66px 75px;}#text{top:30px;left:68px;width:215px;font-size:16px;}#question-inner{height:110px;}#question-inner p{font-size:16px;}#yesno .btn{padding:8px;margin:0;}#lordname{left:68px;font-size:16px;}@media
          only screen and (-webkit-min-device-pixel-ratio: 2),
          only screen and (   min--moz-device-pixel-ratio: 2),
          only screen and (     -o-min-device-pixel-ratio: 2/1),
          only screen and (        min-device-pixel-ratio: 2),
          only screen and (                min-resolution: 192dpi),
          only screen and (                min-resolution: 2dppx) {
            #lord {
              background-size: 66px 75px;
            }
        }

        #embed {
          width: 288px;
          height: 162px;
          margin: 20px auto;
        }

        iframe {
          width: 288px;
          height: 162px;
        }

        #main {
          width:300px;
        }

        #runes {
          left: 71px;
          top: -32px;
        }

        #throne {
          left:79px;
        }

        #stand.sword {
          left:0; /*diff: -50*/
        }

        #stand.whip {
          left:224px; /*diff: -150*/
        }

        #sword {
          left: -5px; /*orig: 45;*/
        }

        #whip {
          left: 218px; /*orig: 368;*/
        }

        #swordicon {
          left: 4px; /*orig: 54*/
        }

        #whipicon {
          left: 228px; /* orig: 378px;*/
        }

        #items {
          width:288px;
        }

        #igastanding {
          left: 88px;
        }
        #katana {
          left: 35px;
        }
      }
      #tweet,#facebook {
        width: 300px;
        margin: 20px auto;
      }
      #tweet textarea {
        border: none;
        border-radius: 0;
        font-size:16px;
        color:white;
        width:100%;
        height:120px;
        padding:15px;
        background: linear-gradient(to bottom,
          #000090 0%, #000090 5%,
          #00008C 5%, #00008C 10%,
          #000088 10%, #000088 15%,
          #000084 15%, #000084 20%,
          #000080 20%, #000080 25%,
          #00007C 25%, #00007C 30%,
          #000078 30%, #000078 35%,
          #000074 35%, #000074 40%,
          #000070 40%, #000070 45%,
          #00006C 45%, #00006C 50%,
          #000068 50%, #000068 55%,
          #000064 55%, #000064 60%,
          #000060 60%, #000060 65%,
          #00005C 65%, #00005C 70%,
          #000058 70%, #000058 75%,
          #000054 75%, #000054 80%,
          #000050 80%, #000050 85%,
          #00004C 85%, #00004C 90%,
          #000048 90%, #000048 95%,
          #000044 95%, #000044 100%
        );
      }

      #tweet input[type=submit],a.btn {
        cursor: pointer;
        box-sizing: border-box;
        text-decoration: none;
        margin:0;
        font-size: 16px;
        color:white;
        border:none;
        padding:10px 20px;
        margin-top: 10px;
        background: linear-gradient(to bottom,
          #909090 0%, #909090 5%,
          #8C8C8C 5%, #8C8C8C 10%,
          #888888 10%, #888888 15%,
          #848484 15%, #848484 20%,
          #808080 20%, #808080 25%,
          #7C7C7C 25%, #7C7C7C 30%,
          #787878 30%, #787878 35%,
          #747474 35%, #747474 40%,
          #707070 40%, #707070 45%,
          #6C6C6C 45%, #6C6C6C 50%,
          #686868 50%, #686868 55%,
          #646464 55%, #646464 60%,
          #606060 60%, #606060 65%,
          #5C5C5C 65%, #5C5C5C 70%,
          #585858 70%, #585858 75%,
          #545454 75%, #545454 80%,
          #505050 80%, #505050 85%,
          #4C4C4C 85%, #4C4C4C 90%,
          #484848 90%, #484848 95%,
          #444444 95%, #444444 100%
        );
      }