:root{--preview-base:#2b552e;--preview-secondary:#242e42;--preview-accent:#70c274;--preview-text:#fff;--preview-secondary-text:#fff;--preview-accent-text:#fff;--preview-accent-shadow:rgba(0,0,0,0.5)}.profile textarea{min-height:200px}.profile .form-tip{margin-bottom:5px}.profile .preview{background-color:var(--preview-base);border-radius:7px;border:9px solid rgba(0,0,0,.5);color:var(--preview-text);font-size:6px;margin:10px auto 0;padding:10px;width:80%;height:100%}.profile .preview,.profile .preview .pre-game{display:-webkit-box;display:-ms-flexbox;display:flex}.profile .preview .pre-game{border:1px solid rgba(0,0,0,.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);box-shadow:0 0 2px rgba(0,0,0,.5);height:18px;margin:5px 0;width:100%}.profile .preview .pre-game div:first-of-type{background-color:var(--preview-secondary);width:10px}.profile .preview .pre-game div:nth-of-type(2){font-size:8px;line-height:14px;padding:1px 4px 2px;width:100%}.profile .preview .pre-stats{width:100%}.profile .preview .pre-stats div{border-radius:2px;height:10px;margin:1px 0}.profile .preview .pre-stats div:first-child{background-color:var(--unplayed-color);width:50%;margin-top:5px}.profile .preview .pre-stats div:nth-child(2){background-color:var(--unfinished-color);width:65%}.profile .preview .pre-stats div:nth-child(3){background-color:var(--beaten-color);width:25%}.profile .preview .pre-stats div:nth-child(4){background-color:var(--completed-color);width:35%}.profile .preview .user{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5px 0}.profile .preview .user h1{font-size:6px}.profile .preview .user img{max-width:20%}.profile .preview p{text-shadow:0 0 2px #fff;padding:5px 0;letter-spacing:-.25px}.profile .preview>div:first-of-type{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:15px;max-width:35%}.profile .preview>div:nth-of-type(2){-webkit-box-flex:2;-ms-flex:2;flex:2}.profile .preview .p-tabs{border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:10px}.profile .preview .p-tabs>div{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:8px;margin:0;min-width:auto;padding:3px;text-align:center}.profile .preview .p-tabs>div:nth-of-type(2){background-color:var(--preview-accent);color:var(--preview-accent-text);text-shadow:0 0 2px var(--preview-accent-shadow)}.profile .preview h1{font-size:10px;margin:5px 0 2px}.profile .preview .flex>.box_1{min-width:auto}@media screen and (max-width:800px){.flex{display:block}}