@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:400;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:400;font-family:alagard,helvetica neue,helvetica,arial;font-size:32px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;letter-spacing:0}body{padding:15px;color:#fff;background-color:#000}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:.15}#throne{background:url(images/throne_empty.png) no-repeat;height:226px;width:142px;position:absolute;left:179px;top:0;opacity:.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:.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:.75;top:-50px}#swordplus,#whipplus{color:#0c0}#swordminus,#whipminus{color:#c00}#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:0;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}#stand.whip{left:224px}#sword{left:-5px}#whip{left:218px}#swordicon{left:4px}#whipicon{left:228px}#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:#fff;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:#fff;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% )}