svg{stroke:none;margin:0 auto;display:block}svg.red{stroke:brown}svg.green{stroke:#1ff01f}svg.blue{stroke:#3050f8}svg.ethan-icon{fill:#f5f5f5;stroke:none}svg.ethan-icon .red{fill:brown}svg.ethan-icon .green{fill:#1ff01f}svg.ethan-icon .blue{fill:#3050f8}.green{color:#1ff01f;stroke:#1ff01f}.red{color:brown;stroke:brown}.red-fill{fill:brown}.blue{color:#3050f8;stroke:#3050f8;stroke-linecap:round}.gray{color:#333;stroke:#333}.white{color:#f5f5f5;stroke:#f5f5f5}.red-border{border-color:brown}.blue-border{border-color:#3050f8}.green-border{border-color:#1ff01f}.red-blue-border{animation:rb 2s cubic-bezier(.5,0,.5,1) 0s infinite alternate}.red-green-border{animation:rg 2s cubic-bezier(.5,0,.5,1) 0s infinite alternate}.blue-green-border{animation:bg 2s cubic-bezier(.5,0,.5,1) 0s infinite alternate}.combo-border:not(.highlight){animation:co .75s linear 0s infinite alternate}@keyframes rg{0%{border-color:brown}50%{border-color:#222}to{border-color:#1ff01f}}@keyframes rb{0%{border-color:brown}50%{border-color:#222}to{border-color:#3050f8}}@keyframes bg{0%{border-color:#3050f8}50%{border-color:#222}to{border-color:#1ff01f}}@keyframes border-co{0%{border-color:#222}to{border-color:#666}}@keyframes co{0%{background:#000}to{background:#444}}@keyframes co-text{0%{color:#000}to{color:#444}}button.blue,button:active.blue,button:hover.blue{border-color:#3050f8}button.red,button:active.red,button:hover.red{border-color:brown}button.green,button:active.green,button:hover.green{border-color:#1ff01f}button.red-border,button:active.red-border,button:hover.red-border{border-color:brown}button.blue-border,button:active.blue-border,button:hover.blue-border{border-color:#3050f8}button.green-border,button:active.green-border,button:hover.green-border{border-color:#1ff01f}@keyframes rgb{0%{color:brown}25%{color:#f5f5f5}50%{color:#3050f8}75%{color:#f5f5f5}to{color:#1ff01f}}@keyframes rb-text{0%{color:brown}50%{color:#f5f5f5}to{color:#3050f8}}@keyframes target-ko{0%{opacity:1}to{opacity:.2}}.account{grid-template-columns:1fr 1fr 1fr 1fr}.account div{padding-right:1em;line-height:2em}.account h3{margin-bottom:.5em}.account button,.account input{width:100%;height:2.5em;display:block}.account .unsub:hover{color:brown;border-color:brown}.account .unsub.confirming,.account .unsub:active{background:brown;color:#000;border:1px solid #000}.account .list{grid-template-columns:1fr}.yellow-btn{background:#ffa100;color:#000;border-width:0}.yellow-btn:active,.yellow-btn:focus,.yellow-btn:hover{color:#000}.yellow-btn[disabled]{border:.1em solid #ffa100;color:#ffa100;background:#000}.menu{height:100%;display:grid;grid-template-rows:min-content 1fr 2fr;grid-template-columns:1fr;grid-template-areas:"hdr" "top" "bottom"}.menu .top{grid-area:top;border-bottom:.1em solid #222;box-sizing:border-box}.menu .bottom,.menu .team{grid-area:bottom}.menu .team{display:grid;grid-template-columns:repeat(auto-fill,minmax(min-content,33%));max-height:100%;margin-top:1em}.menu .team .team-select:not(:nth-child(3n)){margin-right:.5em}.menu .team .construct{flex:1 1 33%;overflow:hidden;display:flex;flex-flow:column;text-align:center;justify-content:center;border:1px solid #000;transition-property:border;transition-duration:.25s;transition-delay:0;transition-timing-function:ease}.menu .team .construct button:not(:last-child){margin-bottom:1em}.menu .team .construct .avatar{background-size:contain;background-repeat:no-repeat;background-position:50%;height:100%}.menu .options{grid-area:hdr;display:flex}.menu .options .logo{flex:0 1 10%;margin-right:1em;border:none}.menu .options button{flex:1;border:.1em solid #222}.menu .options button:last-child{float:right}section{display:grid;grid-template-columns:1fr 1fr}section h1{margin-bottom:.5em}section .news{padding-right:1em}section .panes{display:grid;grid-template-columns:repeat(2,1fr)}.block-text{text-align:center}.block-text,.list{letter-spacing:.25em;text-transform:uppercase}.list{margin-bottom:2em;display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;flex-flow:row wrap;align-items:flex-end}.list figure{letter-spacing:.25em;text-transform:uppercase;font-size:1.5em;display:flex;flex-flow:column}.list.sub{grid-template-columns:1fr}.list.play{grid-template-columns:repeat(2,1fr);align-items:flex-start}.list.play.rejoin{grid-template-columns:1fr}.login{display:flex;flex-flow:column}.login .terms{display:inline;margin:0 1em}.login button{padding:0 .5em;margin-top:1em}.options{grid-area:hdr;display:flex}.options .logo{flex:0 1 10%;margin-right:1em;border:none}.options button{flex:1;border:.1em solid #222}.options button:last-child{float:right}.intro{text-align:center;font-size:.8em}nav{grid-area:nav;padding-left:2em;margin-right:2em;max-height:100%}nav h1{margin-bottom:.5em;letter-spacing:.05em}nav h2:first-child{margin:0}nav h2{margin-top:2em}nav hr{margin:1em 0;border-color:#444}nav button{text-overflow:ellipsis;display:block;color:#888;flex:1 1 100%;padding:0;margin:0;border-width:0}nav button.active{color:#f5f5f5}nav button[disabled],nav button[disabled]:hover{color:#333;text-decoration:none}nav button:hover{color:#f5f5f5;text-decoration:underline}nav button:active,nav button:focus{color:#f5f5f5}nav .account-info{display:flex}nav .account-header{letter-spacing:.05em;flex:1;display:inline}nav .account-info svg{margin:.5em 0 0 1em;height:1em;background-color:#000;stroke:#f5f5f5}nav .ping-path{fill:none;stroke-width:4px;stroke-dasharray:121,242;animation:saw 2s linear infinite;transition-property:stroke-color;transition-duration:.25s;transition-timing-function:ease}nav .ping-text{margin-left:1em;min-width:3em;display:inline-block}nav .play-btn{font-size:150%}@keyframes saw{0%{stroke-dashoffset:363}to{stroke-dashoffset:0}}footer{display:none;flex-flow:row wrap;grid-area:footer;margin:0;z-index:10}footer button{margin:0;border-radius:0;border:none;background:#222;font-size:1.5em;padding:.25em}footer button[disabled]{color:#444}footer button:not(:last-child){background:#222;border-right:1px solid #000}footer button .ready{background:#228b22;color:#000}footer .timer-container{display:flex;flex:1 1 100%;width:100%;height:.25em;max-height:.25em;border:none;margin:1em 0 0}footer .timer{background:#f5f5f5;transition-property:all;transition-duration:.25s;transition-delay:0;transition-timing-function:ease}#instance-nav,#nav-btn{display:none}aside{grid-area:ctrl;display:grid;grid-template-areas:"timer controls" "timer controls" "timer controls";grid-template-columns:min-content 1fr;grid-template-rows:1fr;padding-left:1em;text-align:center}aside .controls{grid-area:controls;display:grid;grid-template-areas:"top" "p0" "p1" "bottom";grid-template-rows:min-content 1fr 1fr min-content;grid-gap:.5em 0}aside .controls .flex{display:flex;flex-flow:column}aside button{width:100%;font-size:150%}aside button:last-child{margin-bottom:0}aside .timer-container{grid-area:timer;display:flex;flex:1 1 100%;height:100%;min-height:100%;width:.25em;max-width:.25em;margin:0 .5em 0 0;border:none}aside .timer{background:#f5f5f5;transition-property:all;transition-duration:.25s;transition-delay:0;transition-timing-function:ease}.ready,.ready-btn:active,.ready-btn:focus,.ready-btn:hover{color:#228b22}.ready{transition-property:color,background;transition-duration:.25s;transition-timing-function:ease}.ready:enabled{color:#228b22;border-color:#228b22}.ready:enabled:hover{background:#228b22;color:#000;border-color:#228b22}.team-page-ctrl{display:flex;height:3em;align-items:center}.team-page-ctrl h2{padding:0 .75em}.game-ctrl-btns,.instance-ctrl-btns{font-size:50%;display:flex;flex-flow:column}.game-ctrl-btns button,.instance-ctrl-btns button{flex:0}.game-ctrl-btns .ready,.instance-ctrl-btns .ready{flex:1;font-size:2.5em}.game-ctrl-btns .quit,.instance-ctrl-btns .quit{flex:1;font-size:200%;animation:co .75s linear 0s infinite alternate}.game-ctrl-btns .flex,.instance-ctrl-btns .flex{flex:1}.abandon:not([disabled]):hover{color:brown;border:.1em solid brown}.abandon:not([disabled]).confirming,.abandon:not([disabled]):active{background:brown;color:#000;border:.1em solid brown}.draw:not([disabled]).confirming,.draw:not([disabled]):active{background:#888;color:#000;border:.1em solid #888}@keyframes ready{0%{border-color:#444}to{border-color:#228b22}}.instance.lobby{align-content:center}.instance{overflow:hidden;display:grid;grid-template-rows:min-content 1fr;grid-template-areas:"vbox" "constructs"}.instance .constructs{grid-area:constructs}@keyframes action{0%{color:#eee8aa}to{color:#f5f5f5}}.instance-construct{flex:1;display:grid;grid-template-rows:min-content min-content min-content 1fr min-content;grid-template-areas:"name   " "skills " "specs  " "avatar " "stats  ";border:.1em solid #222;border-left-width:0}.instance-construct:first-child{margin-left:0;border-left-width:1px}.construct-list{grid-area:constructs;display:flex}.construct-list button.highlight{background:#2c2c2c}.construct-list button.highlight svg{stroke-width:.75em}.construct-list button.highlight .white{stroke:#000}.construct-list .name{grid-area:name;margin-bottom:.5em;text-align:center}.construct-list .skills{grid-area:skills;padding:0 .5em;margin-bottom:.75em;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 .5em}.construct-list .skills button{height:3em}.construct-list .skills label{display:flex}.construct-list .specs{grid-area:specs;padding:0 .5em;margin-bottom:.75em;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 .5em}.construct-list .specs button{padding:.25em 0}.construct-list .specs figure{flex:1;align-items:center;text-align:center}.construct-list .specs figcaption{line-height:normal}.construct-list .specs label{display:flex}.construct-list .stats{grid-area:stats;display:flex;flex-flow:row;flex:1;border-width:0;text-align:center}.construct-list .stats div:nth-child(4n){margin:0 1em}.construct-list .stats div{flex:1}.construct-list button{margin:0}.construct-list button.empty{border-style:dashed}.label{flex:1 0 100%}.equipping,.receiving{animation:eq .75s linear 0s infinite alternate}@keyframes eq{0%{background:#000}to{background:#222}}.thresholds{display:flex;flex-flow:row}.thresholds svg{stroke-width:5px}.thresholds hr{margin:1em 0}.spec-goal{margin-top:.5em}.spec-goal div{display:flex;margin:0 1em 1em 0}.spec-goal .bonus{justify-content:center}.thresholds figure svg{margin-right:.25em;height:1.5em}.thresholds .unmet{opacity:.5}.faceoff{overflow:hidden;display:grid;grid-template-rows:1fr .5fr 1fr;grid-template-areas:"opponent" "text" "player"}.faceoff,.faceoff h1{text-align:center}.faceoff button{grid-area:ready;justify-self:center;margin-top:1em}.faceoff .winner{color:#ffa100;font-weight:700}.faceoff .team{display:grid;grid-template-columns:repeat(auto-fill,minmax(min-content,33%));max-height:100%}.faceoff-text{grid-area:text;text-transform:uppercase;letter-spacing:1em;font-weight:700;display:flex;flex-flow:column;justify-content:center;color:#000;animation:faceoff 4s ease-in-out 0s 2 alternate}.faceoff-text.winner{animation:win 2s ease-in-out 0s 1}.faceoff-text .cancelled{color:#fff}.tutorial button{width:100%}.tutorial button.focus{animation:co .75s linear 0s infinite alternate}@keyframes faceoff{0%{color:#000}to{color:#f5f5f5}}@keyframes win{0%{color:#000}to{color:#ffa100}}.vbox{align-content:space-between;grid-area:vbox;display:grid;grid-template-rows:3fr minmax(min-content,2fr);grid-template-columns:1fr 4fr 6fr minmax(min-content,2fr);grid-template-areas:"store-hdr store info-combiner combos" "stash-hdr stash info-combiner combos";margin-bottom:1em}.vbox>div{padding:.5em}.vbox label{line-height:0}.vbox .store{grid-area:store;border-right:.15em solid #222;border-top:.15em solid #222}.vbox .store-hdr{grid-area:store-hdr;display:flex;flex-flow:column;text-align:center;border-left:.15em solid #222;border-top:.15em solid #222}.vbox .store-hdr h1{margin-bottom:.5em}.vbox .store-hdr button{line-height:1.6;letter-spacing:.15em;background-color:#421010}.vbox .store-hdr button:hover{background-color:brown}.vbox .stash{grid-area:stash;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5em 1em;align-items:center;border:.15em solid #222;border-left:0}.vbox .stash-hdr{grid-area:stash-hdr;display:flex;flex-flow:column;text-align:center;border:.15em solid #222;border-right:0}.vbox .stash-hdr h2{margin-bottom:.5em}.vbox .stash-hdr button{line-height:1.6;letter-spacing:.15em;border-width:.1em}.vbox .vbox-hdr{margin-bottom:1em;height:2em}.vbox .vbox-colours{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.5em 1em;align-items:center;margin-bottom:.5em}.vbox .vbox-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5em 1em;align-items:center}.vbox .vbox-btn{width:100%;margin:0;background-color:#222;line-height:1em;border-width:0}.vbox .vbox-btn :active,.vbox .vbox-btn :focus,.vbox .vbox-btn :hover{color:#fff}.vbox .vbox-btn[disabled]{background:#000;border-width:.1em}.vbox .Refunding button:not([disabled]),.vbox .Refunding button:not([disabled]):active,.vbox .Refunding button:not([disabled]):hover{background:brown;color:#000;border:.1em solid #000}.vbox .Refunding svg{stroke-width:.75em}.vbox .Refunding .white{stroke:#000}.vbox button{height:3.5em;margin:0;width:100%}.vbox button.empty{border-style:dashed}.vbox button.fade{opacity:.4}.vbox button.highlight{background:#2c2c2c}.vbox button.highlight svg{stroke-width:.75em}.vbox figure svg{height:1.5em;stroke-width:.5em}.vbox figure figcaption{line-height:normal}.vbox .info-combiner{grid-area:info-combiner;display:grid;grid-template-areas:"info" "combiner";grid-template-rows:min-content 1fr}.vbox .info-combiner .info{grid-area:info;line-height:1.6;height:100%;margin-left:1em}.vbox .info-combiner .info h2{text-transform:uppercase}.vbox .info-combiner .info svg{display:inline;height:1em}.vbox .info-combiner .info figure{display:inline;height:.5em}.vbox .info-combiner .info figure svg{margin-right:.5em}.vbox .info-combiner .info figcaption{font-size:1em;display:inline-block;vertical-align:middle}.vbox .info-combiner .combiner{grid-area:combiner;margin:1em .5em;width:50%;line-height:1.3;font-size:1.25em;letter-spacing:.1em;border:.1em solid #444}.vbox .info-combiner .combiner:hover{border:.1em solid #888}.vbox .combos{display:grid;grid-area:combos;margin-left:.5em;margin-right:.5em;grid-template-rows:min-content min-content;width:15.5em;grid-template-areas:"comboHeader" "comboList"}.vbox .combos h2{text-transform:uppercase}.vbox .combos svg{display:inline;height:1em}.vbox .combos figure{display:inline;height:.5em}.vbox .combos figure svg{margin-right:.5em}.vbox .combos figcaption{font-size:1em;display:inline-block;vertical-align:middle}.vbox .combos .combo-header{text-align:center}.vbox .combos .combo-list{display:grid;grid-template-rows:min-content min-content min-content;grid-template-columns:min-content min-content;grid-gap:.5em;margin-top:.5em;width:15.5em}.vbox .combos .combo-list .table-button{display:grid;text-align:center;align-content:center;grid-template-areas:"item" "ingr";cursor:pointer}.vbox .combos .combo-list .table-button:hover{color:#f5f5f5;background-color:#222}.vbox .combos .combo-list .table-button .item{border-top:.1em solid #222;border-bottom:.1em solid #222;flex:1;grid-area:item;font-weight:700}.vbox .combos .combo-list .table-button .item div{width:5em}.vbox .combos .combo-list .table-button div{border-left:.1em solid #222;border-right:.1em solid #222;height:1.75em;width:7.5em}.vbox .combos .combo-list .table-button div svg{vertical-align:middle}.vbox .combos .combo-list .table-button div:last-child{border-bottom:.1em solid #222}@media (min-width:2000px){.vbox button{height:4.5em}}.game{overflow:hidden}.faceoff .team,.game .team{display:grid;grid-template-columns:repeat(3,1fr);min-height:0;min-width:0;width:calc(90% - 1.25em)}.player{grid-area:player;z-index:5;position:absolute;bottom:0;margin-bottom:.5em;height:50%}.player .avatar{z-index:1;position:absolute;top:0;height:100%;width:100%}.player .combat-text{left:15%;top:20%}.opponent{grid-area:opponent;position:absolute;top:0;height:35%;margin-top:.5em}.opponent .game-construct{align-items:flex-start;grid-template-rows:2fr min-content;grid-template-rows:1fr;grid-template-areas:"right" "left"}.opponent .game-construct .avatar{position:absolute;top:3em;height:100%;width:100%}.opponent .game-construct .right{height:100%;display:grid;grid-template-rows:min-content min-content 1fr;grid-template-areas:"stats" "name" "avatar"}.opponent .game-construct .combat-text{left:15%;top:100%}.opponent .game-construct .effects{align-self:flex-start}.opponent .game-construct.highlight{animation:highlight 1s infinite alternate}.opponent .game-construct .name{margin-bottom:0;margin-top:.25em}@keyframes highlight{0%{background:#000}to{background:#2c2c2c}}.game-construct{display:grid;position:relative;justify-items:center;grid-template-columns:1fr;grid-template-rows:min-content 1fr;grid-template-areas:"left" "right";transition-property:translate,opacity;transition-duration:.25s;transition-delay:0;transition-timing-function:ease}.game-construct .left{width:100%;display:grid;grid-area:left;grid-template-columns:1fr 2fr;grid-template-areas:"skills effects"}.game-construct .right{display:grid;grid-area:right;grid-template-rows:minmax(min-content,1fr) min-content min-content;grid-template-areas:"avatar" "name" "stats";width:100%}.game-construct .effects{text-align:right}.game-construct .stats{align-self:flex-end}.game-construct .name{width:100%;margin-bottom:.25em;text-align:center;grid-area:name;z-index:2}.game-construct .name span{background-color:#000}.game-construct .combat-text{position:absolute;z-index:10}.game-construct .combat-text svg{display:inline;height:1em;margin-right:.1em}.game-construct .combat-text span{background-color:#000}.game-construct .skills{z-index:2}.game-construct .skills button{width:100%;height:3em;line-height:1;margin-right:1em;background-color:#000}.game-construct .skills button.active{background-color:#2c2c2c}.game-construct .effects{z-index:2;grid-area:effects;white-space:nowrap;width:100%;text-align:center;font-size:1.5em}.game-construct .effects span{background-color:#000}.game-construct .stats{grid-area:stats;display:flex;justify-content:center;text-align:center}.game-construct .stats div{padding:0 .5em;display:flex;flex-flow:column;white-space:nowrap;text-align:center}.game-construct .stats .value{display:none}.game-construct figcaption{white-space:nowrap;font-size:100%}.game-construct.ko-transition{animation:target-ko 1.3s ease-in-out 0s 1}.game-construct.ko{animation:none;opacity:.2}.game-construct.ko button:hover{color:#333}.game-construct.unfocus{opacity:.35}.game-construct.unfocus.ko{opacity:.2}@media (max-width:1500px){.game-construct figure{padding:0 .25em}}#targeting{grid-area:target;stroke-width:2px;stroke:#f5f5f5}#targeting,.resolving-skill{position:absolute;top:calc(35% + .5em);height:calc(15% - 1em);width:calc(90% - 1.25em);z-index:2}#targeting span,.resolving-skill span{background-color:#000}.resolving-skill{grid-area:target;text-align:center;align-self:center;display:flex;flex-flow:column;justify-content:center}.resolving-skill svg{display:inline;height:1em;margin-right:.1em}.skill-description{padding-left:1em;padding-right:1em;text-align:center;z-index:2;background-color:#000}.skill-description svg{display:inline;height:1em;margin-right:.1em}.combat-anim{width:100%;height:100%;position:absolute;overflow:hidden;max-height:100%;max-width:100%;display:flex;flex-flow:column}.combat-anim svg{flex:1;width:100%;height:100%}.game-construct.red-damage{color:brown;opacity:1}.red-damage button{color:brown}.game-construct.blue-damage{color:#3050f8;opacity:1}.blue-damage button{color:#3050f8}.game-construct.green-damage{color:#1ff01f;opacity:1}.green-damage button{color:#1ff01f}.game-construct.rb-damage{animation:rb-text 1s cubic-bezier(.5,0,.5,1) 0s infinite}.faceoff .img,.game .img{position:relative;height:100%}.faceoff .avatar,.game .avatar{width:100%;height:100%;grid-area:avatar;object-fit:contain;background-size:contain;background-repeat:no-repeat;background-position:top}.animating .skills{opacity:0}.skill-animation{opacity:0;stroke-width:5px;overflow:hidden;max-height:100%;max-width:100%}.player-box{display:grid;overflow:hidden;grid-template-areas:"msg" "img" "name" "score" "ctrl";grid-template-rows:min-content 1fr min-content min-content min-content}.player-box.top{grid-template-areas:"ctrl" "score" "name" "img" "msg";grid-template-rows:min-content min-content min-content 1fr min-content}.player-box .score{grid-area:score;display:flex;justify-content:space-around;text-align:center}.player-box .score span{flex:1}.player-box .img{grid-area:img}.player-box .ctrl{grid-area:ctrl}.player-box .msg{grid-area:msg;text-transform:uppercase;color:#f5f5f5}.player-box.winner{color:#ffa100;font-weight:700}.chat{justify-content:flex-end}html{font-size:62.5%;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden;overflow-y:hidden}body{font-size:1.8em;line-height:1.6;font-weight:400;background-color:#000;font-family:Jura;color:#f5f5f5}body,html{margin:0;padding:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}h1{font-size:2em;margin:0 0 .5em;letter-spacing:.05em}h2{font-size:1.5em}h2,h3{margin:0}h3{font-size:1.25em}h4{font-size:1.1em;margin:0}hr{color:#222;margin:1.5em 0;width:100%;border-top:1px solid #222}figure{margin:0;text-align:center}p{margin-bottom:1em}dl{margin:1em 0}#mnml{display:grid;grid-template-columns:9fr 1fr;grid-template-rows:min-content min-content 1fr;grid-template-areas:"hdr  ctrl" "main ctrl" "main ctrl";padding:.5em 1em;height:100vh;max-height:100vh;min-height:100vh;overflow-x:hidden}#mnml.animations-test aside button{font-size:50%}#mnml.front-page{display:block}#mnml.front-page main{padding:0 25%}#mnml.front-page .logo{margin:2em 0}#mnml.front-page .list{margin-bottom:0}main{grid-area:main}button,input{font-family:Jura;color:#f5f5f5;height:auto;border-width:.1em;border-color:#444;letter-spacing:.25em;box-sizing:border-box;font-size:1em;flex:1;border-radius:0;line-height:2em;padding:.1em;transition-property:border-color,color,background;transition-duration:.25s;transition-delay:0;transition-timing-function:ease}button:hover,input:hover{color:#f5f5f5;border-color:#888}button:focus,input:focus{outline:0}button.ready:enabled,input.ready:enabled{background:#228b22;color:#000;border-color:#228b22}button.ready:enabled:hover,input.ready:enabled:hover{color:#228b22;border-color:#228b22;background:0}a,a:hover{color:#f5f5f5}a:hover{border-color:#888}a:focus{color:#f5f5f5;border-color:#f5f5f5}svg{fill:none;stroke:#f5f5f5;stroke-width:.5em;height:1.5em}table{table-layout:fixed;width:100%;margin-bottom:0}table td,thead{text-transform:uppercase}table td{border:1px solid #222;padding:0;text-align:center;height:2em}table tr{border-color:#222}table td svg{stroke-width:.5em;overflow:hidden;height:1.5em;vertical-align:text-bottom}table .highlight{background:#222;color:#f5f5f5;font-weight:700}button[disabled]{color:#222;border-color:#222;animation:0}#mnml input,#mnml select{border-color:#222;background-color:#222;border-radius:0}#mnml input:focus,#mnml select:focus{border-color:#888}figure.gray{color:#333;stroke-color:#333}.specs svg,.stats svg{height:2em}.credits{color:#ffa100;font-weight:800}@media (max-width:1500px){#mnml{font-size:75%}#mnml.front-page main{padding:0 10%}svg{height:1em;stroke-width:1em}}.mobile-title{display:none}.options button.highlight{color:#f5f5f5;box-shadow:inset 0 5px 0 0 #f5f5f5}nav{display:none}ul{margin-bottom:1em;list-style:inside}li{margin-bottom:0}.logo{height:4em;filter:url(#noiseFilter);background-image:url(mnml.logo.text.ca8e721d.svg)}.awards,.logo{background-size:contain;background-repeat:no-repeat;background-position:50%}.awards{height:100%;background-image:url(mnml.awards.734855fc.svg)}.discord-btn{background-image:url(discord.white.8f9c9c85.svg);background-size:contain;background-repeat:no-repeat;background-position:50%}.mnni{background-image:url(mnni.a1896b58.svg);filter:url(#noiseFilter)}.avatar{grid-area:avatar;object-fit:contain;background-size:contain;background-repeat:no-repeat;background-position:50%;z-index:0}#clipboard{width:1px;height:1px;padding:0}#rotate{display:none;z-index:1000;position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(rotate.bcd154c6.svg);background-size:cover;background-repeat:no-repeat;background-position:50%}#rotate.show{display:flex}#rotate h1{flex:1}#noise{height:0}@media (max-width:800px){body{overflow-y:initial}#mnml{font-size:8pt;padding:0}#mnml.front-page main{padding:0 .5em}#mnml .instance{grid-template-areas:"vbox vbox" "constructs constructs";font-size:7.5pt}#mnml .instance .stats div:nth-child(4n){margin:0}#mnml .instance svg{stroke-width:1.25em}#mnml .game{font-size:7.5pt}#mnml .game .stats svg{stroke-width:1.5em}#mnml .game .stats div:nth-child(4n){margin:0 .25em}#mnml .game .stats div{padding:0 .25em}#mnml .game .team{grid-gap:1em}#mnml .game #targeting,#mnml .game .resolving-skill,#mnml .game .team{width:calc(90% - 3em)}#mnml .game .game-construct{grid-template-columns:1fr;grid-template-rows:min-content 1fr}#mnml .game .game-construct .avatar{grid-area:initial;position:absolute;top:0;height:100%;width:100%;z-index:-1}#mnml .game .game-construct svg{height:1.5em}#mnml .game .skills{display:flex}#mnml .game .skills button{font-size:1em;letter-spacing:.1em;margin-right:0}#mnml .game .effects{font-size:1.1em}#mnml .game .skill-description svg{height:1em}#mnml .game .player{width:calc(90% - 1.5em)}#mnml .game .player .game-construct{grid-template-areas:"left" "right"}#mnml .game .player .game-construct .left{grid-template-columns:1fr;grid-template-rows:1fr min-content;grid-template-areas:"skills" "effects"}#mnml .game .opponent,#mnml .game .resolving-skill{width:calc(90% - 1.5em)}#mnml .game .opponent .game-construct{grid-template-rows:2fr min-content;grid-template-rows:1fr;grid-template-areas:"right" "left"}#mnml .game .opponent .game-construct .left{grid-template-columns:min-content 1fr}#mnml .game .opponent .avatar{top:3em}#mnml .instance-construct{position:relative;grid-template-columns:1fr 1fr;grid-template-rows:min-content min-content 1fr min-content;grid-template-areas:"skills  skills" "specs   specs" "avatar  name" "stats   stats "}#mnml .instance-construct .skills,#mnml .instance-construct .specs{font-size:75%}#mnml .instance-construct .stats svg{height:1em}#mnml .instance-construct .name{align-self:center}#mnml aside button{margin-bottom:.5em;z-index:50}}@media (max-width:550px) and (max-height:800px) and (orientation:portrait){#mnml{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}#mnml.front-page{display:block}#mnml.front-page main{padding:0 .5em}section{grid-template-columns:1fr}section .list{grid-template-columns:1fr 1fr}.account,section .list.play{grid-template-columns:1fr}.account div{padding:0}.play-ctrl{display:none}.menu{height:auto;display:block}.menu .options{display:grid;grid-template-columns:repeat(2,1fr)}.menu .options button:not(:last-child){border:.1em solid #222}.menu .options button.logo{grid-column-end:span 2;border:none;margin-right:0;margin-top:.5em;background-position:50%}.menu .team{grid-template-columns:1fr}.menu .team .construct{height:10em}.menu .news{padding:0}.skill-description,.stats{font-size:6pt}section .list{grid-template-columns:1fr}}@media (max-width:600px){.vbox{grid-template-rows:min-content min-content 1fr;grid-template-columns:min-content 1fr min-content 1fr;grid-template-areas:"store-hdr store-hdr stash-hdr stash-hdr" "store store stash stash" "store store info-combiner info-combiner"}.vbox>div{padding:.25em}.vbox .combos{display:none}.vbox .info-combiner{max-height:7em;overflow-y:scroll}.vbox .info-combiner .info{display:none}.vbox .info-combiner .combiner{margin:0;width:100%;height:100%}.vbox .stash{border:0;border-top:.1em solid #222;border-right:.1em solid #222;border-bottom:.1em solid #222}.vbox .stash-hdr{border:0;border-left:.1em solid #222;border-right:.1em solid #222;display:grid;grid-template-rows:min-content min-content;grid-template-columns:1fr 1fr}.vbox .stash-hdr h3{margin:0}.vbox .store{border:0;border-top:.1em solid #222;border-bottom:.1em solid #222;border-right:.1em solid #222}.vbox .store-hdr{display:grid;grid-template-columns:min-content min-content 1fr;grid-template-areas:"hdr bits btn"}.vbox .store-hdr>*{margin-right:1em}.vbox .store-hdr h1{grid-area:hdr;margin-bottom:.25em}.vbox .store-hdr .bits{grid-area:bits}.vbox .store-hdr button{grid-area:btn}.vbox .stash-hdr button,.vbox .store-hdr button{margin:0}}