@font-face{font-family:fira-code-mono;src:url(/usercard/assets/FiraCode-VariableFont_wght-kq4Fvke-.ttf);font-display:swap}:root{font-family:fira-code-mono,monospace,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--tokyo-night-fg);background-color:var(--tokyo-night-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tokyo-night-bg: #1a1b28;--tokyo-night-bg_dark: #16161e;--tokyo-night-bg_dark1: #0c0e14;--tokyo-night-bg_highlight: #292e42;--tokyo-night-blue: #7aa2f7;--tokyo-night-blue0: #3d59a1;--tokyo-night-blue1: #2ac3de;--tokyo-night-blue2: #0db9d7;--tokyo-night-blue5: #89ddff;--tokyo-night-blue6: #b4f9f8;--tokyo-night-blue7: #394b70;--tokyo-night-comment: #565c7e;--tokyo-night-cyan: #7dcfff;--tokyo-night-dark3: #545c7e;--tokyo-night-dark5: #737aa2;--tokyo-night-fg: #c0caf5;--tokyo-night-fg_dark: #a9b1d6;--tokyo-night-fg_gutter: #3b4261;--tokyo-night-green: #9ece6a;--tokyo-night-green1: #73daca;--tokyo-night-green2: #41a6b5;--tokyo-night-magenta: #bb9af7;--tokyo-night-magenta2: #ff007c;--tokyo-night-orange: #ff9e64;--tokyo-night-purple: #9d7cd8;--tokyo-night-red: #f7768e;--tokyo-night-red1: #db4b4b;--tokyo-night-teal: #1abc9c;--tokyo-night-terminal_black: #414868;--tokyo-night-yellow: #414868;--tokyo-night-git_add: #449dab;--tokyo-night-git_change: #6183bb;--tokyo-night-git_delete: #914c54}html,body{height:100%;margin:0}nav{align-items:center;display:flex;justify-content:space-between}nav a{display:block;cursor:pointer}.error-message{font-size:small;color:var(--tokyo-night-red1)}.image-avatar-wrapper{position:relative;overflow:hidden;border:5px solid;border-radius:50%;max-height:100%;height:8.2rem;width:8.2rem}.image-avatar{display:block!important;margin:0 auto;width:100%!important;height:100%!important}.profile-name{font-size:2em;font-weight:700;color:var(--tokyo-night-red)}.subscriber-badge{position:absolute;left:0;width:1rem;height:1rem;object-fit:contain}.received-badges{display:flex;flex-flow:row wrap;justify-content:space-evenly;margin-bottom:-1em}.received-badge{height:1.5em;width:auto;image-rendering:pixelated;padding:.75em}.tooltip{display:inline-block;border:7px double var(--tokyo-night-bg_highlight);padding:.5em .75em;background-color:var(--tokyo-night-bg);font-size:small;max-width:15em}.card-grid{display:flex;flex-flow:column nowrap;align-items:center;flex:1 1 auto;padding:1.5rem}.card{display:inline-block;width:fit-content;border:7px double var(--tokyo-night-bg_highlight);padding:1.25rem 1.5rem;margin:.75em}.card>h2{margin-top:0}@media(max-width:720px){.card-grid{place-items:center}}.duel-summary-opt-in{display:flex;font-size:.7em;justify-content:center;align-items:center}.duel-summary-table__row{display:flex;justify-content:space-between;align-items:center;padding:.25em;border-bottom:2px solid var(--tokyo-night-bg_highlight)}.duel-summary-table__row:last-child{border-bottom:none}.duel-summary-table__label{font-size:.75em}.duel-summary-table__value{color:var(--tokyo-night-orange)}.titles-container>h3{margin-bottom:0}.titles-container>h3:first-child{margin-top:0}span.title{padding-right:1.25em}.titles-container{display:grid;grid-template-rows:repeat(1fr)}.titles-table__row{display:flex;justify-content:space-between;align-items:center;padding:.25em;border-bottom:2px solid var(--tokyo-night-bg_highlight)}.titles-table__row svg{height:1.5em;width:1.5em;flex-shrink:0}.titles-table__row:last-child{border-bottom:none}.fish-tracker-container{position:relative;min-height:8em;height:8em;width:100%;max-width:21em;overflow-x:hidden;overflow-y:auto;padding:0 .5em;border:2px solid var(--tokyo-night-bg_highlight)}.fish-tracker-container+span{display:block;margin:.5em 0 -1em;font-size:.75em}.fish-grid{display:flex;flex-flow:row wrap;padding:.25em}.fish-entry{display:flex;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.fish-entry>img{height:1.5em;image-rendering:pixelated;padding:.2em;border:7px double transparent}.fish-entry:hover>img{border:7px double var(--tokyo-night-orange)}.uncaught:hover>img{cursor:default}.uncaught>img{filter:contrast(0%) brightness(50%)}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}