:root{--font-size-2xs:.6875rem;--font-family-base:"Yantramanav", sans-serif;--font-family-body:Roboto, Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:.925rem;--font-size-lg:1.25rem;--font-size-xl:1.625rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--text-primary:var(--clr-1);--text-secondary:var(--clr-1-b1);--text-muted:var(--clr-1-b2);--text-inverse:var(--clr-1-b5);--text-accent:var(--clr-2);--text-success:var(--clr-4);--text-error:var(--clr-5);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem}.ui-label,.ui-qualifier,.ui-descriptor,.ui-value,.ui-supporting-text,.ui-page-title,.ui-section-title,.ui-section-subtitle,.ui-heading{font-family:var(--font-family-base)}.ui-label{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.ui-qualifier{font-size:var(--font-size-2xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ui-descriptor{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.ui-value{font-size:var(--font-size-md);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);color:var(--text-primary)}.ui-supporting-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);color:var(--text-secondary)}.ui-page-title{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.ui-section-title{font-size:var(--font-size-md);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.ui-section-subtitle{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ui-heading{font-size:clamp(var(--font-size-lg), 2vw + .8rem, var(--font-size-xl));line-height:.95;font-weight:var(--font-weight-heavy);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}[data-appearance=subtle]{color:var(--text-muted)}[data-appearance=strong]{font-weight:var(--font-weight-semibold)}[data-appearance=prominent]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}[data-appearance=numeric]{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum"}[data-appearance=error]{color:var(--text-error)}[data-appearance=success]{color:var(--text-success)}.ui-numeric,.ui-tabular-numbers{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum"}.ui-player-number{font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum";line-height:1}.ui-code{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ui-monospace{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.ui-nowrap{white-space:nowrap}.ui-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-text-center{text-align:center}.ui-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar-graph{touch-action:pan-y}.bar-graph.is-interactive{cursor:pointer}.bar-graph .bar-graph-wrapper{background-color:var(--clr-3);width:100%;min-height:1px;position:relative;overflow:visible}.bar-graph .bar-graph-wrapper .fill{width:100%;position:absolute;inset:0}.bar-graph .bar-graph-wrapper .thumb{background:var(--clr-3);border:5px solid var(--clr-surface-base);width:1.5rem;height:1.5rem;box-shadow:0 0 10px 1px var(--clr-shadow-ink-25);border-radius:50%;margin-top:-.75rem;margin-left:-.75rem;position:absolute;top:50%;left:0}.bar-graph .bar-graph-wrapper .thumb:before{content:"";background-color:#0000;width:3rem;height:3rem;margin-top:-1rem;margin-left:-1rem;display:inline-block}.collapsible .collapsible-header{cursor:default}.collapsible .collapsible-header.expandable{cursor:pointer}.collapsible .collapsible-content{visibility:hidden;opacity:0;transition:visibility linear,opacity .25s ease-out .25s;display:none}.collapsible .collapsible-content.open{display:inherit;visibility:visible;opacity:1}.formation-creator .formation-annotations .scrollable-card-detail{padding-bottom:calc(var(--toolbar-height) + 1rem)}.detail{width:100%;overflow:hidden}.detail.zoomed-in{overflow-x:auto}.detail .container{width:100%;height:100%;margin:0 auto}.detail .field{transform-origin:0 0}.formation-creator .formation-pitch.card,.formation-creator .formation-pitch.card.show{transition:none}.formation-creator .formation-pitch .content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.formation-creator .formation-pitch .toolbar{max-width:960px}.formation-creator .formations-pitch-container{-webkit-user-select:none;user-select:none;touch-action:pinch-zoom;visibility:hidden;width:100%;max-width:860px;transition:opacity .35s ease-in-out .25s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.formation-creator .formations-pitch-container.is-loaded{visibility:visible}@media (max-width:860px) and (orientation:portrait){.formation-creator .formations-pitch-container{top:inherit;bottom:var(--toolbar-height);left:0;transform:none}}.formation-creator .formations{width:100%;height:100%;box-shadow:0 -30px 50px var(--clr-shadow-ink-35);position:relative;overflow:hidden}@media (max-width:860px){.formation-creator .formations.is-tool-open{opacity:0;touch-action:none;transition:opacity .25s ease-in-out}}.formation-creator .formations .pitch-container{-webkit-user-select:none;user-select:none;-o-user-select:none;width:100%;height:100%;margin:0 auto;position:relative}.formation-creator .formations .pitch-container img{opacity:.75;pointer-events:none;touch-action:none;width:100%;height:auto;display:block}.formation-creator .formations .pitch-container.landscape .pitch{width:90.5%;height:86.5%;top:6.5%;left:5%}.formation-creator .formations .pitch-container.landscape .pitch .player{margin-top:-29px;margin-left:-25px}.formation-creator .formations .pitch-container.portrait{margin:0 auto}.formation-creator .formations .pitch-container.portrait .pitch{width:87%;height:91.5%;top:4.5%;left:6.5%}.formation-creator .formations .pitch-container.portrait .pitch .player{margin-top:-45px;margin-left:-25px}.formation-creator .formations .pitch-container.portrait img{width:100%;height:100%}.formation-creator .formations .pitch-container .pitch{-webkit-user-select:none;user-select:none;-o-user-select:none;position:absolute}.formation-creator .formations .pitch-container .pitch .player{-webkit-user-select:none;user-select:none;-o-user-select:none;cursor:pointer;text-transform:uppercase;z-index:1;width:50px;height:54px;margin-top:-29px;margin-left:-25px;padding:0;font-size:1rem;position:absolute}.formation-creator .formations .pitch-container .pitch .player.moving{transition:all .25s ease-out}.formation-creator .formations .pitch-container .pitch .player.swapping{transition:top .25s ease-out,left .25s ease-out}.formation-creator .formations .pitch-container .pitch .player.substituting{transition:all .3s ease-out .5s}.formation-creator .formations .pitch-container .pitch .player .has-value-indicator--ratings,.formation-creator .formations .pitch-container .pitch .player .has-value-indicator--annotations{z-index:1;background-color:var(--clr-4);border-radius:50%;width:7px;height:7px;display:block;position:absolute;bottom:.75em;right:7px}.formation-creator .formations .pitch-container .pitch .player .has-value-indicator--annotations{background-color:var(--clr-3-d1);right:2px}.formation-creator .formations .pitch-container .pitch .player .name-holder{width:auto;height:14px;color:var(--clr-1-b5);text-align:center;white-space:nowrap;padding-bottom:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.formation-creator .formations .pitch-container .pitch .player .name-holder .shirt-name{color:currentColor;background-color:var(--clr-1);min-width:5ch;padding:2px 3px 1px;font-size:11px;display:block}.formation-creator .formations.is-vote-mode .pitch-container .pitch .player .name-holder{max-width:18ch}.formation-creator .formations.is-vote-mode .pitch-container .pitch .player .name-holder .shirt-name{text-overflow:ellipsis;overflow:hidden}.formation-creator .formations .bench-trigger{--bench-trigger-width:175px;width:var(--bench-trigger-width);height:auto;box-shadow:0 -2px 5px 0 var(--clr-shadow-ink-25);background-color:var(--clr-1-b1);color:var(--clr-1-b3);border-radius:3px 3px 0 0;justify-content:center;align-items:center;gap:5px;margin-left:0;padding:10px 10px 10px 5px;transition:all .15s ease-out;display:inline-flex;position:absolute;bottom:-80px;left:0}@media (max-width:860px) and (orientation:portrait){.formation-creator .formations .bench-trigger{--bench-trigger-width:100pt}}.formation-creator .formations .bench-trigger .inout{color:currentColor;width:50pt;height:25pt;display:inline-block}.formation-creator .formations .bench-trigger .inout svg{fill:currentColor;width:100%;height:100%}.formation-creator .formations .bench-trigger h3.title{-webkit-user-select:none;user-select:none;color:currentColor;margin:0;font-size:9pt;line-height:1.25em}@media (max-width:480px) and (orientation:portrait){.formation-creator .formations .bench-trigger{--bench-trigger-width:118px;gap:4px;padding:8px 8px 8px 4px}.formation-creator .formations .bench-trigger .inout{width:50px;height:18px}.formation-creator .formations .bench-trigger h3.title{margin:0;font-size:8pt;line-height:1.15em}}.formation-creator .formations .bench-trigger.bench-active{background-color:var(--clr-1-b2)}.formation-creator .formations .bench-trigger.bench-active .inout svg{fill:#fff}.formation-creator .formations .bench-trigger.bench-active h3.title{color:var(--clr-4)}.formation-creator .formations.drag-mode .bench-trigger{animation:.75s ease-in-out 1.5s tada;bottom:0}.formation-creator .player-details ul{margin:0 1em;padding:0;list-style:none}.formation-creator .player-details .player{margin-bottom:10pt}.formation-creator .player-details .section-collapsible{background-color:#0000;border:1px solid #0000;transform:none}.formation-creator .player-details .section-collapsible.is-populated{background-color:var(--clr-surface-muted)}.formation-creator .player-details .section-collapsible__header{padding:0 1em}.formation-creator .player-details .section-collapsible__content{background-color:var(--clr-surface-muted);box-shadow:inset 0 0 5px var(--clr-shadow-ink-10);flex-direction:column;gap:1em;padding:1em;display:flex}.formation-creator .player-details .section-collapsible.is-open{background-color:var(--clr-w-d3);z-index:5}.formation-creator .player-details .section-collapsible.is-open:hover{background-color:var(--clr-w-d4)}.formation-creator .player-details .section-collapsible:hover{background-color:var(--clr-surface-muted)}.formation-creator .player-details .player-display-rating{-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--clr-surface-muted);cursor:pointer;grid-template-columns:3ch 1fr minmax(3em,auto);align-items:center;gap:1rem;width:100%;margin:0;padding:.55rem 0;font-size:clamp(1rem,2vw,2rem);line-height:normal;display:grid}.formation-creator .player-details .player-display-rating .shirt-number{width:auto;display:inline-block}.formation-creator .player-details .player-display-rating .name{white-space:nowrap;text-overflow:ellipsis;text-align:left;display:inline-block;overflow:hidden}.formation-creator .player-details .player-display-rating .attributes-holder{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.formation-creator .player-details .player-display-rating .player-annotations{justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:inline-flex}.formation-creator .player-details .player-display-rating .player-annotations svg{width:100%;height:100%}.formation-creator .player-details .player-display-rating .player-annotations .annotation-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin:0}.formation-creator .player-details .player-display-rating .player-annotations :is(.annotation-icon--medical,.annotation-icon--out,.annotation-icon--in){border:1px solid var(--clr-5-b3);border-radius:999px}.formation-creator .player-details .player-display-rating .player-annotations :is(.goals-badge,.assists-badge){flex-shrink:0;width:1.25rem;height:1.25rem;margin:0;position:relative}.formation-creator .player-details .player-display-rating .player-annotations :is(.goals-badge,.assists-badge)>.icon{width:100%;height:100%;margin:0;display:block}.formation-creator .player-details .player-display-rating .player-annotations :is(.goals-badge,.assists-badge) .badge-count{border:1px solid var(--clr-1-b4);background:var(--clr-ink);width:1.2rem;height:1.2rem;color:var(--clr-ink-inverse);font-family:var(--font-family-mono);text-align:center;border-radius:50%;font-size:.62rem;font-weight:700;line-height:calc(1.2rem - 2px);position:absolute;top:-.45rem;right:-.45rem}.formation-creator .player-details .player-display-rating .position{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;color:var(--clr-1-b2);text-transform:uppercase}.formation-creator .player-details .player-display-rating .value-indicator{margin:0 0 0 .9em}.formation-creator .player-details .player-display-rating .motm-indicator{width:1em;height:1em;fill:var(--clr-brand-yellow);margin:0}.formation-creator .player-details .player-display-rating .player-toggle-indicator{width:.9rem;height:.9rem;color:var(--clr-1-b2);fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;flex-shrink:0;margin:0;transition:transform .2s;display:block}.formation-creator .player-details .collapsible .collapsible-header.open .player-toggle-indicator{transform:rotate(90deg)}.formation-creator .player-details p.hint{margin:0 1em 1em}.formation-creator .player-details p.hint.hint--page{margin:0 auto 1em}.formation-creator .player-details h2.title{margin:0 1rem .75rem}.formation-creator .player-details .row{margin-bottom:2.5em}.formation-creator .player-details .bench-groups{gap:1.25rem;margin-bottom:2.5em;display:grid}.formation-creator .player-details .bench-section{gap:.7rem;display:grid}.formation-creator .player-details .bench-section__title{margin:0;padding:0 1rem}.formation-creator .player-details .bench-section__list{flex-wrap:wrap;align-items:start;gap:1rem 1.5rem;display:flex}.formation-creator .player-details .bench-section__list .player{flex:0 calc(33.3333% - 1rem);width:calc(33.3333% - 1rem);max-width:calc(33.3333% - 1rem)}.formation-creator .formation-ratings .player-display-rating{border-bottom:none;margin:0}.formation-creator .formation-ratings .ratings{margin:0;padding-bottom:0}.formation-creator .formation-ratings .bench-list-inline{margin-bottom:2.5em}.formation-creator .formation-ratings .bench-list-inline>ul{flex-wrap:wrap;align-items:start;gap:1rem 1.5rem;width:100%;margin:0 1em;padding:0;display:flex}.formation-creator .formation-ratings .bench-list-inline .player{flex:0 calc(33.3333% - 1rem);width:calc(33.3333% - 1rem);max-width:calc(33.3333% - 1rem)}@media (max-width:959px){.formation-creator .player-details .bench-section__list .player,.formation-creator .formation-ratings .bench-list-inline .player{flex:0 0 100%;width:100%;max-width:100%}}@media (max-width:768px){.formation-creator .player-details ul{margin:0;padding:0;list-style:none}}@media (min-width:960px){.formation-creator .player-details .row{place-content:space-around;height:auto;display:flex}.formation-creator .player-details .row>ul{flex:33%;gap:1em}}.player-annotation__controls{min-height:2.5em;font-size:.8em}.player-annotation__controls label{margin:0}.player-annotation__controls .control-group{align-items:center;gap:.5em;margin:.5em 0;display:inline-flex}.player-annotation__controls .control-group.control-group--goals,.player-annotation__controls .control-group.control-group--assists{background-color:var(--clr-border-strong);border-radius:2em;gap:.25em}.player-annotation__controls .control-group .ticker-icon-button{border-color:var(--clr-shadow-ink-10);box-shadow:none;background-color:var(--clr-w-d3)}.player-annotation__controls .control-group .ticker-icon-button.add-btn,.player-annotation__controls .control-group .ticker-icon-button.minus-btn{box-shadow:none;color:currentColor;background-color:#0000;border:none;width:2.25em;font-size:1em}.player-annotation__controls .control-group .ticker-icon-button.add-btn:hover,.player-annotation__controls .control-group .ticker-icon-button.minus-btn:hover{background-color:var(--light);box-shadow:none}.player-annotation__controls .control-group .ticker-icon-button.add-btn[aria-pressed=true],.player-annotation__controls .control-group .ticker-icon-button.minus-btn[aria-pressed=true]{background-color:var(--clr-surface-base);box-shadow:none}.player-annotation__controls .control-group .ticker-icon-button.add-btn:active,.player-annotation__controls .control-group .ticker-icon-button.minus-btn:active{background-color:var(--clr-surface-base);box-shadow:inset 0 0 2px var(--clr-shadow-ink-10);transform:scale(.95)}.player-annotation__controls .control-group .ticker-icon-button{transition:background-color .2s,border-color .2s,box-shadow .2s}.player-annotation__controls .control-group .ticker-icon-button:hover{background-color:var(--clr-surface-base);box-shadow:0 0 3px 1px var(--clr-shadow-ink-25)}.player-annotation__controls .control-group .ticker-icon-button[aria-pressed=true]{border:3px solid var(--clr-surface-base);background-color:var(--clr-4)}.player-annotation__comment input{border:1px solid var(--clr-shadow-ink-15);background:var(--clr-surface-subtle);width:100%;font:inherit;border-radius:.375em;outline:none;padding:.375em .5em}.player-annotation__comment input:focus-visible{box-shadow:0 0 0 2px #0000004d}.player-annotation__comment input::placeholder{opacity:.65}@media (max-width:360px){.formation-annotations .player-annotation__controls{font-size:.7em}}.formation-creator .formation-ratings .ratings{border-left:0;margin:0;padding:0}.formation-creator .formation-ratings .ratings .value-indicator{background-color:#0000;margin:0 1em}.formation-creator .formation-ratings .ratings .ratings-heading{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.5em;display:grid}.formation-creator .formation-ratings .ratings .ratings-heading .flex-header-item{min-width:1em}.formation-creator .formation-ratings .ratings .ratings-heading .motm{width:1em;height:1em}.formation-creator .formation-ratings .ratings .ratings-heading .motm svg{width:100%;height:100%}.formation-creator .formation-ratings .ratings .collapsible-header{margin:.75em 0}.formation-creator .formation-ratings .ratings .collapsible-header:after{clear:both}.formation-creator .formation-ratings .ratings ul{margin:.5em 0 2em}.formation-creator .formation-ratings .ratings .ratings-value-holder{text-align:right;justify-content:space-between;align-items:baseline;gap:.4rem;width:auto;margin:0 0 0 .5em;display:inline-flex}.formation-creator .formation-ratings .ratings .ratings-value-holder .rating-value-label{white-space:nowrap;align-items:center;gap:.35em;line-height:1.25;display:inline-flex}.formation-creator .formation-ratings .ratings .ratings-value-holder .rating-value-label .tooltip{flex:none}.formation-creator .formation-ratings .ratings .bar-graph{margin:0 0 1em}.formation-creator .formation-ratings .ratings .bar-graph .fill{background-color:var(--clr-2);transition:transform .25s ease-out}.formation-creator .formation-ratings .ratings .bar-graph .tint,.formation-creator .formation-ratings .ratings .bar-graph .bg{background-color:var(--clr-1);opacity:1}.formation-creator .formation-ratings .ratings .bar-graph .label,.formation-creator .formation-ratings .ratings .bar-graph .value{margin:0 0 .5em;display:inline-block}.formation-creator .formation-ratings .ratings .bar-graph .bar-graph-wrapper{border-radius:.25rem;height:.82rem}.formation-creator .formation-ratings .ratings .bar-graph.has-value .tint,.formation-creator .formation-ratings .ratings .bar-graph.has-value .bg{border:none}.formation-creator .formation-ratings .ratings .bar-graph.has-value .tint{background-color:var(--clr-1)}.formation-creator .formation-ratings .ratings .overall{margin:.5em 0;display:block}.formation-creator .formation-ratings .ratings.ratings--empty{margin:0;padding:0}.formation-creator .formation-ratings .ratings .ratings-empty-copy{color:var(--clr-1-b2);font-family:var(--font-family-base);font-size:.95rem;line-height:1.4}.formation-creator .formation-ratings .ratings .overall .bar-graph .bar-graph-wrapper{height:1.68em}.formation-creator .formation-ratings .ratings .mental .fill{background-color:#80f2ff}.formation-creator .formation-ratings .ratings .gameplay .fill{background-color:var(--clr-2)}.formation-creator .formation-ratings .ratings .role .fill{background-color:var(--clr-brand-pink)}.remarks .label,.remarks textarea,.remarks .comment,.remarks .char-limit{width:100%;display:block}.remarks textarea{background-color:var(--clr-surface-subtle);border:none;border-bottom:1px solid var(--clr-border-strong);resize:none;box-sizing:border-box;min-height:initial;height:1.5em;margin:.5em 0;padding:.25em;line-height:1.45em}.remarks .comment{white-space:pre-wrap;margin:.5em 0;line-height:1.5em}.remarks .char-limit{text-align:right}.shirt{width:100%;height:40px;display:block;position:absolute;top:0;left:0}.shirt svg{width:100%;height:100%;display:block}.shirt .shirt-shadow{fill:#00000029;transform:translate(1px,2px)}.shirt .shirt-number{text-align:center;color:var(--light);background-color:#000;margin:0;padding:0;font-size:10px;line-height:10px;display:block;position:absolute;top:18px;left:31px;transform:translate(-50%,-50%)}.shirt.medium{width:100%;height:75px}.shirt.medium .shirt-number{font-size:14px;line-height:14px;top:27px;left:54px}.shirt.large{height:375px;position:relative}.shirt.large .shirt-number{text-align:center;padding:2.5%;font-size:46px;font-weight:600;line-height:46px;top:38.5%;left:49.5%}.social-embed{margin:1em}.social-embed .actions{flex-wrap:wrap;justify-content:space-around;align-items:flex-start;width:100%;height:auto;display:inline-flex}.social-embed .actions .action-buttons-wrapper{justify-self:flex-end}.social-embed .actions .action{cursor:pointer;width:55px;height:30px;margin:0 .25em 2em;display:inline-block}@media (min-width:400px) and (max-width:1023px){.social-embed .actions .action{width:55px}}.social-embed .actions .action .label{text-align:center;display:block}.social-embed .actions .action svg{width:100%;height:100%;fill:var(--clr-ink)}.social-embed .actions .action svg:hover{fill:var(--clr-1-b3)}.social-embed .share,.social-embed .embed{margin:1em 0;display:block}.social-embed .share a,.social-embed .embed a{border-radius:50%;width:40px;height:40px;margin:0;padding:10px;display:inline-block}.social-embed .share a svg,.social-embed .embed a svg{width:100%;height:100%}.social-embed label{width:100%;padding:0}.social-embed a.link{width:100%;height:100%;padding:0 0 1.5em}.social-embed textarea{font-family:var(--font-family-mono), monospace;width:100%;margin:0 0 1em;font-size:11px;line-height:1.35}.toggle-button{width:1em;height:1em;display:block}.toggle-button nav{width:100%;height:100%;position:relative}.toggle-button nav .hit-area{z-index:10;background-color:#0000;width:2em;height:2em;position:absolute;top:-.5em;left:-.5em}.toggle-button nav .symbol-icon{cursor:pointer;width:100%;height:100%;transition:transform .25s ease-out;display:block;position:absolute;top:0;left:0}.toggle-button nav .symbol-icon svg{pointer-events:none;width:100%;height:100%;display:block}.toggle-button nav.is-set svg{color:var(--clr-brand-yellow);fill:var(--clr-brand-yellow)}.tooltip{--tooltip-bg-base:#fafafa;--tooltip-bg-hover:#f2f2f2;--tooltip-bg-active:#e6e6e6;--tooltip-border-base:#d9d9d9;--tooltip-border-hover:#fff;--tooltip-border-focus:#999;--tooltip-border-active:#a6a6a6;--tooltip-text:#262626;--tooltip-shadow:#00000026;--tooltip-shadow-light:#0000001a;--tooltip-focus-ring:#0000004d;--tooltip-content-bg:#23272f;--tooltip-content-border:#343a46;--tooltip-content-text:#fafafa;--tooltip-content-shadow:#00000047;--tooltip-min-width:12rem;--tooltip-max-width:24rem;vertical-align:middle;align-items:center;display:inline-flex;position:relative}.tooltip__button{appearance:none;box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.5em;height:1.5em;padding:.2em;transition:background-color .15s,border-color .15s,transform .1s;display:flex}.tooltip__button svg{opacity:.7;width:100%;height:100%;transition:opacity .15s}.tooltip__button:hover{background:var(--tooltip-bg-hover);border-color:var(--tooltip-border-hover)}.tooltip__button:focus-visible{box-shadow:0 0 0 2px var(--tooltip-focus-ring);border-color:var(--tooltip-border-focus);outline:none}.tooltip__button:active{transform:scale(.95)}.tooltip__button[aria-expanded=true]{background:var(--tooltip-bg-active);border-color:var(--tooltip-border-active)}.tooltip__content{box-sizing:border-box;background:var(--tooltip-content-bg);border:1px solid var(--tooltip-content-border);box-shadow:0 6px 18px var(--tooltip-content-shadow), 0 2px 5px var(--tooltip-shadow-light);width:clamp(var(--tooltip-min-width), 50ch, var(--tooltip-max-width));min-width:min(var(--tooltip-min-width), calc(100vw - 1.5rem));z-index:5;white-space:normal;isolation:isolate;text-align:center;border-radius:.5em;max-width:calc(100vw - 1.5rem);padding:.75em 1em;font-size:.875em;line-height:1.4;position:absolute}.tooltip__arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--tooltip-content-bg);width:0;height:0;position:absolute;top:-6px}.tooltip__arrow:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--tooltip-content-border);width:0;height:0;position:absolute;top:1px;left:-6px}.tooltip[data-placement=top] .tooltip__content{top:auto}.tooltip[data-placement=top] .tooltip__arrow{border-bottom:none;border-top:6px solid var(--tooltip-content-bg);top:auto;bottom:-6px}.tooltip[data-placement=top] .tooltip__arrow:before{border-bottom:none;border-top:6px solid var(--tooltip-content-border);top:-6px}.tooltip__text{color:var(--tooltip-content-text);white-space:normal;overflow-wrap:anywhere;word-break:normal;text-wrap:pretty;margin:0}:root{--phone-width:400px;--desktop-width:1024px;--narrow-width:920px;--small-phone-breakpoint:320px;--medium-phone-breakpoint:390px;--large-phone-breakpoint:480px;--small-desktop-breakpoint:920px;--card-heading-height:50px;--global-padding:10px;--primary-action-bg-color:#bbcd15;--secondary-action-color:#5adabe;--teriary-color:#244f47;--suggestions-background-color:var(--teriary-color);--primary-button-size:3em;--flag-icon-css-path:"http://storage.googleapis.com/homecrowd-assets/icons/flags";--flag-icon-rect-path:"";--flag-icon-square-path:"";--color-1:#bdd142;--color-2:#333;--color-3:#4bd3d8;--color-4:#fff;--color-5:#fbfbfb;--color-6:#ffd83b;--color-7:#80f2ff;--color-8:#7aa129;--color-9:#f7315b;--color-10:#50844c;--color-11:#6f9fb1;--dark-green:#343;--dark:#333;--dark-grey:#555;--light:#eee;--grey:#888;--card-tint-bg-color:#fff;--done-button-bg-color:var(--color-3);--done-button-width:75pt;--toolbar-item-min-width:50pt;--toolbar-height:60pt;--toolbar-item-font-size:11px;--card-closer-height:50px;--clr-w:#fff;--clr-w-d1:#fcfcfc;--clr-w-d2:#f7f7f7;--clr-w-d3:#f2f2f2;--clr-w-d4:#ebebeb;--clr-w-d5:#e3e3e3;--clr-ink:var(--color-2);--clr-ink-soft:var(--dark-grey);--clr-ink-muted:var(--grey);--clr-ink-inverse:var(--color-4);--clr-surface-base:var(--color-4);--clr-surface-soft:var(--color-5);--clr-surface-muted:var(--clr-w-d1);--clr-surface-subtle:var(--clr-w-d2);--clr-border-soft:var(--clr-w-d4);--clr-border-strong:var(--clr-w-d5);--clr-border-input:#bfbfbf;--clr-brand-cyan:var(--color-3);--clr-brand-cyan-hover:#75dde1;--clr-brand-yellow:var(--color-6);--clr-brand-yellow-ink:#a18100;--clr-brand-pink:var(--color-9);--clr-brand-pink-soft:#f7315b26;--clr-brand-pink-hover:#fa7b96;--clr-alert:#ff3d00;--clr-shadow-ink-10:#0000001a;--clr-shadow-ink-15:#00000026;--clr-shadow-ink-25:#00000040;--clr-shadow-ink-35:#00000059;--clr-shadow-ink-50:#00000080;--clr-1-hue:220;--clr-1-sat:15%;--clr-1:hsl(var(--clr-1-hue), var(--clr-1-sat), 20%);--clr-1-d1:hsl(var(--clr-1-hue), var(--clr-1-sat), 15%);--clr-1-b1:hsl(var(--clr-1-hue), var(--clr-1-sat), 30%);--clr-1-b2:hsl(var(--clr-1-hue), var(--clr-1-sat), 50%);--clr-1-b3:hsl(var(--clr-1-hue), var(--clr-1-sat), 70%);--clr-1-b4:hsl(var(--clr-1-hue), var(--clr-1-sat), 80%);--clr-1-b5:hsl(var(--clr-1-hue), 75%, 98%);--clr-1-a1:hsla(var(--clr-1-hue), var(--clr-1-sat), 0%, 45%);--clr-2-hue:191;--clr-2-sat:95%;--clr-2:hsl(var(--clr-2-hue), var(--clr-2-sat), 37%);--clr-2-d1:hsl(var(--clr-2-hue), var(--clr-2-sat), 27%);--clr-2-b1:hsl(var(--clr-2-hue), var(--clr-2-sat), 47%);--clr-2-b2:hsl(var(--clr-2-hue), var(--clr-2-sat), 57%);--clr-2-b3:hsl(var(--clr-2-hue), var(--clr-2-sat), 97%);--clr-2-b4:hsl(var(--clr-2-hue), var(--clr-2-sat), 97%);--clr-3-hue:48;--clr-3-sat:100%;--clr-3:hsl(var(--clr-3-hue), var(--clr-3-sat), 62%);--clr-3-d1:hsl(var(--clr-3-hue), var(--clr-3-sat), 72%);--clr-3-d2:hsl(var(--clr-3-hue), var(--clr-3-sat), 52%);--clr-3-d5:hsl(var(--clr-3-hue), var(--clr-3-sat), 20%);--clr-3-b1:hsl(var(--clr-3-hue), var(--clr-3-sat), 52%);--clr-4-hue:149;--clr-4-sat:69%;--clr-4:hsl(var(--clr-4-hue), var(--clr-4-sat), 51%);--clr-4-d1:hsl(var(--clr-4-hue), var(--clr-4-sat), 41%);--clr-4-d2:hsl(var(--clr-4-hue), var(--clr-4-sat), 31%);--clr-4-d3:hsl(var(--clr-4-hue), var(--clr-4-sat), 11%);--clr-4-b1:hsl(var(--clr-4-hue), var(--clr-4-sat), 61%);--clr-4-b2:hsl(var(--clr-4-hue), var(--clr-4-sat), 71%);--clr-4-b3:hsl(var(--clr-4-hue), var(--clr-4-sat), 81%);--clr-5-hue:343;--clr-5-sat:100%;--clr-5:hsl(var(--clr-5-hue), var(--clr-5-sat), 53%);--clr-5-d1:hsl(var(--clr-5-hue), var(--clr-5-sat), 43%);--clr-5-d2:hsl(var(--clr-5-hue), var(--clr-5-sat), 33%);--clr-5-d3:hsl(var(--clr-5-hue), var(--clr-5-sat), 23%);--clr-5-b1:hsl(var(--clr-5-hue), var(--clr-5-sat), 63%);--clr-5-b2:hsl(var(--clr-5-hue), var(--clr-5-sat), 73%);--clr-5-b3:hsl(var(--clr-5-hue), var(--clr-5-sat), 93%)}@media screen and (max-width:400px),screen and (max-height:800px){:root{--toolbar-item-min-width:45pt;--done-button-width:50pt;--toolbar-height:45pt;--toolbar-item-font-size:6.5pt}}*{box-sizing:border-box;margin:0;padding:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;box-sizing:border-box;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{background-color:var(--clr-surface-base);border:1px solid var(--clr-1-b4);height:38px;box-shadow:none;box-sizing:border-box;border-radius:4px;padding:6px 10px}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:0}label,legend{margin-bottom:.5rem;font-weight:600;display:block}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{margin-left:.5rem;font-weight:400;display:inline-block}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(/fonts/roboto-v30-latin-regular.woff2)format("woff2"),url(/fonts/roboto-v30-latin-regular.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local(""),url(/fonts/roboto-v30-latin-700.woff2)format("woff2"),url(/fonts/roboto-v30-latin-700.woff)format("woff")}@font-face{font-display:swap;font-family:Yantramanav;font-style:normal;font-weight:300;src:url(/fonts/yantramanav-v11-latin_latin-ext-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Yantramanav;font-style:normal;font-weight:700;src:url(/fonts/yantramanav-v11-latin_latin-ext-700.woff2)format("woff2")}q.comment,blockquote.comment{quotes:"“" "”" "‘" "’"}q.comment:before,blockquote.comment:before{content:"“"}q.comment:after,blockquote.comment:after{content:"”"}a{color:inherit;text-decoration:none}h1{font-size:28px}@media screen and (min-width:400px){h1{font-size:31px}}@media screen and (min-width:700px){h1{font-size:33px}}@media screen and (min-width:1024px){h1{font-size:36px}}h2{text-transform:uppercase;font-weight:400}h3.title{text-transform:uppercase;text-align:left;color:var(--clr-ink);margin:0 0 .25em;font-size:14px;font-weight:700}@media screen and (min-width:400px){h3.title{font-size:18px}}@media screen and (min-width:700px){h3.title{font-size:19px}}@media screen and (min-width:1024px){h3.title{font-size:21px}}h4{color:var(--clr-surface-soft);text-align:center;text-transform:uppercase;padding:.25em 0;font-size:10px;font-weight:700}@media screen and (min-width:400px){h4{font-size:14px}}@media screen and (min-width:700px){h4{font-size:14px}}@media screen and (min-width:1024px){h4{font-size:16px}}h5{color:var(--clr-1-b4);padding:1em 0 1.5em;font-size:10px;font-weight:400}@media screen and (min-width:400px){h5{font-size:10px}}@media screen and (min-width:700px){h5{font-size:12px}}@media screen and (min-width:1024px){h5{font-size:14px}}.link{cursor:pointer;font-weight:700;text-decoration:underline}.line{width:100%;line-height:1.25em}.spacing{line-height:2em}p.hint{font-family:var(--font-family-base);color:var(--clr-1-d1);background-color:var(--clr-w-d3);border-radius:.875rem;grid-template-columns:auto minmax(0,1fr);justify-content:start;align-items:center;gap:.5em;width:min(100%,42rem);max-width:calc(100% - 1.5rem);margin:0 auto 1em;padding:.75em;font-size:11pt;line-height:1.2em;display:grid}p.hint.hint--page{text-align:center;grid-template-columns:auto minmax(0,max-content);justify-content:center;width:fit-content;max-width:min(42rem,100% - 1.5rem)}p.hint.hint--page>span:last-child{max-width:34rem}p.hint.hint--inline{text-align:left;justify-content:start;width:100%;max-width:100%}.hint__icon{aspect-ratio:1;width:24px;height:24px;display:inline-block}.hint__icon svg{width:100%;height:100%;fill:var(--clr-4-d1)}header.homecrowd{font-size:1em}.shirt-number,.name,.comment{font-family:var(--font-family-body)}.value-indicator{font-family:var(--font-family-mono);background-color:var(--clr-brand-yellow);width:5ch;height:18px;color:var(--clr-ink);text-align:center;border-radius:2em;margin:-3px 0 0;font-size:12px;font-weight:100;line-height:18px;display:inline-block}.value-indicator.mental{background-color:var(--clr-2)}.value-indicator.gameplay{background-color:var(--clr-4)}.value-indicator.role{background-color:var(--clr-5)}.value-indicator--ratings-input{background-color:var(--clr-4-d1);color:#fff}.slide-in-up{animation:.25s ease-in-out forwards slideInUp}.flip-y-in{animation:.25s ease-in-out forwards flipYIn}@keyframes slideInUp{0%{opacity:0;transform:translateY(5%)}to{opacity:1}}@keyframes slideInUpBounce{0%{opacity:0;transform:translateY(33vh)}45%{opacity:1;transform:translateY(10%)}66%{opacity:1;transform:translateY(-10%)}90%{opacity:1;transform:translateY(5%)}to{opacity:1}}@keyframes flipYIn{0%{opacity:0;transform:scaleX(-1)}to{opacity:1}}@-webkit-keyframes circleRotationAnim{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@keyframes circleRotationAnim{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes circleMorphAnim{0%{border-radius:30%}to{border-radius:50%}}@keyframes busyIndicatorAnim{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes headerSlide{0%{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes formationInfo{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:.1}to{opacity:1}}@keyframes fadeInFromGhost{0%{opacity:0}to{opacity:1}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}.bounce-in-anim{animation:.55s ease-in-out flipInX;backface-visibility:visible!important}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:scale(0)}60%{animation-timing-function:ease-in;transform:scale(1.1)}80%{opacity:1;transform:scale(.95)}90%{transform:scale(1.02)}to{transform:scale(1)}}.bounce-bang-anim{animation:.25s ease-in-out forwards bounce-bang-anim}.bounce-bang-anim-center{animation:.25s ease-in-out forwards bounce-bang-anim-center}.bounce-in-scale{animation:.2s ease-in-out forwards bounceInScale}.fade-bg-anim{animation:.25s ease-in-out forwards fade-bg-anim}@keyframes bounceInScale{0%{transform:scale(.75)}25%{transform:scale(.75)}to{transform:none}}@keyframes bounce-bang-anim{0%{transform:translate(-50%)scale(.5)}80%{transform:translate(-50%)scale(1.1)}to{transform:translate(-50%)}}@keyframes bounce-bang-anim-center{0%{transform:scale(.5)}80%{transform:scale(1.1)}to{transform:none}}@keyframes show-prompt{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:none}}@keyframes fade-bg-anim{0%{background-color:var(--clr-1-b3)}to{background-color:var(--clr-1)}}@keyframes bounce-in{0%{transform:scale(0)}to{transform:none}}@keyframes heart-pulse{10%{transform:scale(1.1)}}@keyframes unfold{0%{transform:perspective(400px)rotateX(90deg)}50%{transform:perspective(400px)rotateX(-30deg)}70%{transform:perspective(400px)rotateX(18deg)}80%{transform:perspective(400px)rotateX(-9deg)}to{transform:perspective(400px)rotateX(0)}}@media (max-width:750px){.fade-pitch{animation:.25s pitchInAnim}.fade-shirt{animation:.25s shirtInAnim}.fade-squad{animation:.25s squadInAnim}.fade-bench{animation:.25s benchInAnim}.fade-ratings{animation:.25s ratingsInAnim}.fade-annotations{animation:.25s annotationsInAnim}.fade-styles{animation:.3s ease-in stylesInAnim}.fade-description{animation:.3s ease-in descriptionInAnim}}@keyframes pitchInAnim{0%{opacity:0}to{opacity:1}}@keyframes shirtInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes squadInAnim{0%{opacity:0;transform:scale(1.2)}}@keyframes ratingsInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes annotationsInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes benchInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes stylesInAnim{0%{opacity:0}to{opacity:1}}@keyframes descriptionInAnim{0%{opacity:0}to{opacity:1}}.deck{width:100%;height:100%;position:relative;overflow:hidden}.card{box-sizing:border-box;color:#666;-webkit-font-smoothing:antialiased;visibility:hidden;opacity:0;background:0 0;outline:none;width:100%;height:100%;font-size:14px;position:absolute;bottom:0;left:0}.card-closer{z-index:10;width:100%;height:var(--card-closer-height);margin-bottom:0;line-height:1;position:absolute;top:0;left:0}.card-closer button{appearance:none;font:inherit;border:0;margin:0;padding:0}.card-closer .icon,.card-closer .title,.card-closer .close,.card-closer .done,.card-closer .back{color:#3b2f00;width:100%;height:100%;position:absolute}.card-closer .icon svg,.card-closer .title svg,.card-closer .close svg,.card-closer .done svg,.card-closer .back svg{fill:#3b2f00;width:100%;height:100%;padding:1em}.card-closer .icon,.card-closer .symbol{width:50px;height:50px;top:0;left:0}.card-closer .title{align-items:center;gap:.4rem;padding-left:10px;line-height:1;display:flex;top:0;left:50px}.card-closer .title.left{left:0}.card-closer__steps{margin-right:0}.card-closer__steps,.card-closer__title{align-items:center;min-height:100%;display:inline-flex}.card-closer .close,.card-closer .done{text-align:center;width:50px;height:50px;top:0;right:0}.card-closer svg{width:100%;height:100%}.formation-creator .formation-pitch .card-closer,.formation-creator .formation-ratings .card-closer,.formation-creator .formation-annotations .card-closer,.formation-creator .formation-squad .card-closer,.formation-creator .formation-bench .card-closer,.description .card-closer,.vote-description .card-closer,.vote-validation .card-closer{background-color:var(--clr-surface-base);box-shadow:0 2px 2px 0 var(--clr-shadow-ink-25);color:var(--clr-brand-yellow-ink);width:100%;height:var(--card-closer-height);line-height:var(--card-closer-height);text-align:center}.formation-creator .formation-ratings .content,.formation-creator .formation-annotations .content,.formation-creator .formation-squad .content,.formation-creator .formation-bench .content{background-color:var(--clr-surface-base);width:100%;height:100%}.formation-creator .formation-ratings .container,.formation-creator .formation-annotations .container,.formation-creator .formation-squad .container,.formation-creator .formation-bench .container{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:1rem .5rem}.card .card-closer .symbol{cursor:pointer}.card .card-closer .done{opacity:0;visibility:hidden!important}.card.show{opacity:1;visibility:visible;transition:visibility linear,opacity .15s ease-in}.card.show .card-closer .done{opacity:1;transition:visibility 0s linear .25s,opacity .25s ease-in .4s;visibility:visible!important}.card .scrollable-card-detail{-webkit-overflow-scrolling:touch;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--clr-1-b1) var(--clr-1);width:100%;height:100%;padding-top:50px;position:absolute;top:0;bottom:0;left:0;overflow:hidden scroll}.card .scrollable-card-detail::-webkit-scrollbar{width:5px;height:5px}.card .scrollable-card-detail::-webkit-scrollbar-thumb{background:var(--clr-1-b1)}.card .scrollable-card-detail::-webkit-scrollbar-track{background:var(--clr-1)}.card .done-button{text-align:center;width:40px;height:40px;color:var(--clr-ink-inverse);background-color:var(--clr-brand-cyan);box-shadow:0px 1px 10px 1px var(--clr-shadow-ink-50);border-radius:0;line-height:40px;position:absolute;bottom:90px;right:0}.card .done-button.default-state{box-shadow:0px 5px 5px 5px var(--clr-shadow-ink-25)}.card .done-button.active-state{box-shadow:none;transform:scale(.8)}.card .done-button:hover{cursor:pointer;background-color:var(--clr-brand-cyan-hover)}.card .done-button:after{content:"";background:url(/images/icons/done.svg) 50% no-repeat;width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#formations.card{visibility:hidden;opacity:0;transition:none;top:0;transform:none}#formations.card.show{visibility:visible;opacity:1;transform:none}.add-player .icon.close,.formations-pitch-container .formation-box .icon.close,.formations-pitch-container .formation-box-mobile .icon.close,.side-select .icon.close,.text-to-formation-wrapper .text-to-formation .icon.close{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:.5em;right:.5em}.add-player .icon.close svg,.formations-pitch-container .formation-box .icon.close svg,.formations-pitch-container .formation-box-mobile .icon.close svg,.side-select .icon.close svg,.text-to-formation-wrapper .text-to-formation .icon.close svg{width:100%;height:100%}.flex-header{-webkit-user-select:none;user-select:none;-o-user-select:none;justify-content:space-between;align-items:center;display:flex}.flex-header .flex-header-item,.flex-header .flex-header-item-grow{width:10px}.flex-header .flex-header-item-grow{flex:auto}.flex-header .flex-header-item{flex:none}._flxrcw{flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}._finline{display:inline-flex}._flxlr100{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}._flxcolleft{flex-direction:column;align-items:flex-start;display:flex}._flxcolright{flex-direction:column;align-items:flex-end;display:flex}.grid2x2{grid-template-columns:1fr 1fr;gap:1em;display:grid}.grid2x2-1fr-max{grid-template-columns:1fr max-content;gap:1em;display:grid}.inline_left,.inline_center,.inline_right{letter-spacing:-4px;font-size:0;list-style:none;display:block}.inline_left li,.inline_center li,.inline_right li{letter-spacing:normal;display:inline-block}.inline_left{text-align:left}.inline_center{text-align:center}.inline_right,.text-right{text-align:right}.v_center1{width:100%;display:table}.v_center1 .v_center2{vertical-align:middle;width:100%;display:table-cell}.pusher{width:100%}.unselectable *{-webkit-user-select:none;user-select:none}.invisible{visibility:hidden;display:none}.svg-symbols{width:0;height:0;display:none;position:absolute}.shirt-templates{display:none}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--clr-1-b5);font-family:Roboto,Arial,sans-serif}.formation-module-container{width:100%;height:100%}.shell-screen{text-align:center;place-content:center;gap:.5rem;min-height:100%;padding:1rem;display:grid}.shell-screen h1,.shell-screen p{margin:0}.show-page-formation-module-container{width:100%;height:100%;min-height:100%;display:none}.show-page-formation-module-container.is-ready{display:block}.related-formations{opacity:1}.related-formations.is-client-ready{opacity:1;display:block}.formations-pitch-container .formation-box-mobile .tactics__item,.side-select .sides__item{border-right:1px solid var(--clr-1-b1);border-bottom:1px solid var(--clr-1-b1);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:1em;display:flex}.formations-pitch-container .formation-box-mobile .tactics__item:hover,.side-select .sides__item:hover{color:var(--clr-4)}.formations-pitch-container .formation-box-mobile .tactics__item.is-selected,.side-select .sides__item.is-selected{background:var(--clr-1-b1);color:var(--clr-4)}.draggable{touch-action:none}.drag-over{filter:brightness(1.1)}.is-dragging{z-index:20000!important;transition:none!important}.is-dragging div{transform:scale(.9)}.grid{max-width:50em;margin:0 auto;padding:0 1em}.grid__item{color:#76737c;text-align:center;border-radius:4px;width:5.5em;height:5.5em;margin:.2em .1em;padding-top:2.25em;font-size:2em;display:inline-block}.grid__item:hover{cursor:move;cursor:-webkit-grab;cursor:grab}.grid__item:active{cursor:-webkit-grabbing;cursor:grabbing}.is-active{z-index:100}.is-dropped{opacity:0;transform:scale(.7)}.is-complete{opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s!important;transition:opacity .3s,transform .3s!important;transform:scale(1)!important}.animate{transition:all .3s ease-out}.drop-area{z-index:99;text-align:center;-webkit-transition:-webkit-transform .5s cubic-bezier(.6,0,.4,1);width:100%;height:17em;transition:transform .5s cubic-bezier(.6,0,.4,1);position:fixed;top:100%;left:0;transform:translateY(20px)}.drop-area.show{transform:translateY(-100%)}.drop-area>div{-webkit-transition:-webkit-transform .4s .3s;width:100%;height:100%;transition:transform .4s .3s;transform:translateY(50%)}.drop-area.show>div{transform:translate(0,0)}.drop-area__item{-webkit-transition:-webkit-transform .3s,background .3s;-webkit-backface-visibility:hidden;border-radius:4px;width:20%;max-width:13em;height:12em;margin:1.25em 1% 1%;transition:transform .3s,background .3s;display:inline-block;position:relative}.drop-area__item.highlight{background:var(--clr-shadow-ink-15);transform:scale(1.08)}.drop-area__item:before,.drop-area__item:after{width:100%;color:var(--clr-shadow-ink-15);pointer-events:none;margin-top:-.35em;font-family:FontAwesome;font-size:1.5em;position:absolute;top:50%;left:0}.drop-area__item:before{content:""}.drop-feedback.drop-area__item:before{opacity:0;transform:scale(0)}.drop-area__item:after{color:#fffdc599;content:"";opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;margin-top:-.5em;font-size:3em;transition:opacity .3s,transform .3s;transform:scale(2)}.drop-feedback.drop-area__item:after{opacity:1;transform:scale(1)}.dummy,.dummy:after{background:var(--clr-shadow-ink-15);-webkit-backface-visibility:hidden;border-radius:2px;height:.65em;margin:.25em 0;position:absolute;top:100%;left:0}.dummy{width:90%}.dummy:after{content:"";width:60%}.drop-overlay{opacity:0;pointer-events:none;background:#0000004d;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.drop-area.show+.drop-overlay{opacity:1}.helper{margin:0;position:absolute!important}@media screen and (max-width:50em){.grid__item{font-size:1.5em}.drop-area{font-size:.6em}}@media screen and (max-width:25.5em){.grid{padding:0 2em}.grid__item{font-size:1em}}.formation-creator{color:var(--clr-ink);overflow:auto}.formation-creator #aboveFold,.formation-creator #belowFold{width:100%}.formation-creator .page-fold{width:100%;height:100%;margin:0;padding:0;display:block}.formation-creator section.header{opacity:1;visibility:visible;background-color:var(--clr-brand-yellow)}.formation-creator section.header header{background-color:var(--clr-brand-yellow);max-width:1250px;color:var(--clr-brand-yellow-ink);text-align:center;justify-content:center;align-items:center;width:100%;height:50px;margin:0 auto;padding:0 4rem;display:flex;position:relative}.formation-creator section.header header a.icon{aspect-ratio:1;background-color:var(--clr-ink-soft);justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:absolute;top:0;left:0}.formation-creator section.header header a.icon svg{fill:var(--clr-brand-yellow);width:40px;height:40px;padding:5px}.formation-creator section.header header h2{align-items:center;gap:.3rem;display:inline-flex;position:static}.formation-creator .busy-indicator{width:100%;height:1px;display:none;position:absolute;overflow:hidden}.formation-creator .busy-indicator i{border-bottom:1px solid var(--clr-brand-yellow);z-index:1;width:100%;height:1px;position:absolute;left:0}.formation-creator .busy-indicator i:after,.formation-creator .busy-indicator i:before{content:"";border-bottom:1px solid var(--clr-brand-pink);z-index:3;width:200px;animation:1s linear infinite busyIndicatorAnim;display:block;position:absolute;top:0;left:0}.formation-creator .busy-indicator i:before{border-bottom:1px solid var(--clr-brand-cyan);z-index:2;animation:1s linear .5s infinite busyIndicatorAnim}.formation-creator .busy-indicator.active{display:block}.formation-creator .state-ready .busy-indicator.active{display:none}.formation-creator section .section-wrapper{max-width:1250px;margin:0 auto}.formation-creator section p.hint{display:none}.formation-creator section{background-color:var(--clr-surface-base);width:100%;padding:0;transition:visibility 0s linear 25ms,opacity 1s ease-out}.formation-creator .formation-module-container section.formation-pitch,.formation-creator .formation-module-container section.formation-actions,.formation-creator .formation-module-container section.starting-eleven,.formation-creator .formation-module-container section.reserves,.formation-creator .formation-module-container section.related-formations,.formation-creator .formation-module-container section.formation-comment,.formation-creator .formation-module-container section.cta,.formation-creator .formation-module-container section.formation-title,.formation-creator .formation-module-container section.formation-info{box-sizing:border-box;background-color:#fcfcfc;padding:0;display:block}.formation-creator .formation-module-container section.formation-info{background-color:var(--clr-ink);color:var(--clr-ink-muted);padding:clamp(1em,2vw,2em);line-height:1.5em}.formation-creator .formation-module-container section.formation-info .formation-info__team,.formation-creator .formation-module-container section.formation-info .formation-info__opponent,.formation-creator .formation-module-container section.formation-info .formation-info__date,.formation-creator .formation-module-container section.formation-info .formation-info__author{margin:0}.formation-creator .formation-module-container section.formation-info .formation-info__team{color:var(--clr-w-d3);text-transform:none;font-size:clamp(13pt,3vw,18pt);font-weight:100;line-height:1em}.formation-creator .formation-module-container section.formation-info .formation-info__opponent{color:var(--clr-1-b3);font-size:clamp(10pt,2vw,14pt);font-weight:100}.formation-creator .formation-module-container section.formation-info .formation-info__date{color:var(--clr-1-b3);font-size:clamp(9pt,1vw,11pt);font-weight:100;line-height:1em}.formation-creator .formation-module-container section.formation-info .formation-info__author{color:var(--clr-1-b4);font-size:clamp(9pt,2vw,12pt);font-weight:700}.formation-creator .formation-module-container section.formation-pitch{text-align:center;background-color:#2b2b2b;background-size:cover;max-width:100%;padding:3em 0;display:block;position:relative}.formation-creator .formation-module-container section.formation-pitch .formation-pitch-wrapper{padding:1.5em 0;display:block;position:relative;overflow-y:hidden}.formation-creator .formation-module-container section.formation-pitch.formation-detail-pitch{padding:clamp(1rem,4vw,7rem)}@media (max-width:768px){.formation-creator .formation-module-container section.formation-pitch.formation-detail-pitch{padding:1rem 0}}.formation-creator .formation-module-container section.formation-pitch.formation-detail-pitch .formation-pitch-wrapper{padding:0}.formation-creator .formation-module-container section.formation-pitch.formation-detail-pitch .formation-pitch-wrapper .formation-detail-container{overflow:auto}.formation-creator .formation-module-container section.formation-pitch .zoom-toggle{background-color:var(--clr-surface-muted);border:1px solid var(--clr-border-strong);cursor:pointer;border-radius:50%;width:40px;height:40px;padding:10px}.formation-creator .formation-module-container section.formation-pitch .zoom-toggle.top-right{z-index:1000;position:absolute;top:-.5rem;right:.5rem}.formation-creator .formation-module-container section.formation-pitch .zoom-toggle svg.icon,.formation-creator .formation-module-container section.formation-pitch .zoom-toggle svg{width:100%;height:100%}.formation-creator .formation-module-container section.formation-actions{border-bottom:1px solid var(--clr-surface-subtle)}.formation-creator .formation-module-container section.formation-actions .section-wrapper{justify-content:space-between;align-items:flex-start;max-width:680px;margin:0 auto;display:flex}.formation-creator .formation-module-container section.formation-actions .section-wrapper .social-embed{flex:2 2 auto;width:280px}.formation-creator .formation-module-container section.formation-actions .section-wrapper a.create{-webkit-user-select:none;user-select:none;-o-user-select:none;cursor:pointer;color:var(--clr-ink-inverse);background-color:var(--clr-brand-pink);border:1px solid var(--clr-brand-pink);text-transform:uppercase;text-align:center;padding:6px 11px;font-size:14px;text-decoration:none}.formation-creator .formation-module-container section.formation-actions .section-wrapper a.create:hover{background-color:var(--clr-brand-pink-hover)}.formation-creator .formation-module-container section.formation-actions .section-wrapper a.create{width:100px;box-shadow:0 0 5px 1px var(--clr-shadow-ink-25);cursor:pointer;text-align:center;border:none;border-radius:3px;flex:none;margin:0 .5em;padding:10px;display:inline-block}.formation-creator .formation-module-container section.formation-title{background-color:var(--clr-surface-base)}.formation-creator .formation-module-container section.formation-title .formation-info__title{color:var(--clr-1-b1);text-align:center;text-transform:uppercase;margin:0;padding:1em .5em;font-size:clamp(18pt,4vw,28pt);font-weight:100;line-height:1em}.formation-creator .formation-module-container section.formation-comment{background-color:var(--clr-surface-base);border-bottom:1px solid var(--clr-surface-subtle);padding:0}.formation-creator .formation-module-container section.formation-comment .comment{white-space:pre-line;text-align:center;max-width:680px;color:var(--clr-ink);margin:0 auto;padding:1em;font-size:12pt;font-style:italic;font-weight:400;line-height:1.5em;display:block}.formation-creator .formation-module-container section.lineup-detail-page .section-wrapper{padding:0;overflow:hidden}.formation-creator .formation-module-container section.lineup-detail-page .remarks .comment{font-size:.95rem;line-height:1.35;display:block}.formation-creator .formation-module-container section.lineup-detail-page .section-wrapper .collapsible-header.open .player-display-rating{border-bottom:1px solid var(--clr-1-b3)}@media (max-width:1023px){.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .row{flex-direction:column}}.formation-creator .formation-module-container section.lineup-detail-page h2.title{text-transform:uppercase;letter-spacing:.12em;margin:1rem .5rem;font-size:.75rem;font-weight:700}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .container{padding:0 1em}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .row{place-content:flex-start space-around;height:auto;margin-bottom:2.5em;display:flex}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .row.squad-starting:has(.remarks .comment){margin-bottom:calc(2.5em + 4px)}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .row.squad-bench li.player:has(.remarks .comment) .remarks .comment{line-height:28px}@media (min-width:1024px){.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .row>ul{flex:33%;min-width:0;margin:0 1em}}@media (max-width:768px){.formation-creator .formation-module-container section.lineup-detail-page .player-details ul{margin:0;padding:0;list-style:none}}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings li.player{font-size:16px}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .ratings{margin:.7rem 0 1.75rem;padding-bottom:0}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .ratings .ratings-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.75rem;width:100%;margin-bottom:.55rem}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .ratings .ratings-value-holder{justify-content:flex-end;gap:.5rem;margin:0}.formation-creator .formation-module-container section.lineup-detail-page .ratings-heading .sub-title{color:var(--clr-1-b2);font-size:.95rem;font-weight:500}.formation-creator .formation-module-container section.lineup-detail-page .ratings-heading .sub-title-small,.formation-creator .formation-module-container section.lineup-detail-page .ratings-heading .value-indicator--rating-input{color:var(--clr-1-b2);font-weight:700;line-height:1.25em}.formation-creator .formation-module-container section.lineup-detail-page .ratings-heading .sub-title-small{font-size:.95rem}.formation-creator .formation-module-container section.lineup-detail-page .ratings-heading .value-indicator--rating-input{margin:0;font-size:.8125rem}.formation-creator .formation-module-container section.lineup-detail-page .player-display-rating{border-bottom:1px solid var(--clr-surface-subtle);grid-template-columns:auto minmax(0,1fr) auto;width:100%;margin:0;padding:.6rem 0;font-size:16px}@media (max-width:480px){.formation-creator .formation-module-container section.lineup-detail-page .player-display-rating{padding:.5em 0}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .ratings{margin:.95em 0 1.95em}}@media (max-width:540px){.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .bench-list-inline>ul{display:block}.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .bench-list-inline .player{flex:0 auto;width:100%;max-width:none}}@media (max-width:1023px){.formation-creator .formation-module-container section.lineup-detail-page .formation-ratings .row.squad-starting:has(.remarks .comment){margin-bottom:calc(2.5em + 6px)}}.formation-creator .formation-module-container section.lineup-detail-page .player-display-rating .attributes-holder{width:auto;max-width:100%;font-size:1rem}.formation-creator .formation-module-container section.lineup-detail-page .player-display-rating .attributes-holder>.icon{width:1rem;min-width:1rem;height:1rem;display:block}.formation-creator .formation-module-container section.lineup-detail-page .player-display-rating .player-annotations{width:auto;margin-right:0}.formation-creator .formation-module-container section.cta{background-color:var(--clr-brand-cyan);padding:0}.formation-creator .formation-module-container section.cta .section-wrapper{justify-content:flex-end;align-items:center;padding:1em;display:flex}.formation-creator .formation-module-container section.cta span{text-align:right;padding-right:1em;font-size:14px}.formation-creator .formation-module-container section.cta a.create{-webkit-user-select:none;user-select:none;-o-user-select:none;cursor:pointer;color:var(--clr-ink-inverse);background-color:var(--clr-brand-pink);border:1px solid var(--clr-brand-pink);text-transform:uppercase;text-align:center;padding:6px 11px;font-size:14px;text-decoration:none}.formation-creator .formation-module-container section.cta a.create:hover{background-color:var(--clr-brand-pink-hover)}.formation-creator .formation-module-container section.cta a.create{border:0;border-radius:3px;width:200px;padding:10px}.formation-creator .formation-module-container section.related-formations{background-color:#2b2b2b;padding:1em}.formation-creator .formation-module-container section.related-formations h1.title{color:var(--clr-ink-muted);text-transform:uppercase;margin:1em 2em;font-size:12px}.formation-creator .formation-module-container section.related-formations ul.flex-header{flex-wrap:wrap;justify-content:center;align-items:flex-start}.formation-creator .formation-module-container section.related-formations ul.flex-header>li{width:33%;color:var(--clr-1-b3);flex-direction:column;flex:1 0 280px;justify-content:flex-start;align-items:center;margin:1em 0;display:flex}.formation-creator .formation-module-container section.related-formations .title{color:var(--clr-1-b4);text-transform:uppercase;margin:.5em 0;font-size:14px;font-weight:700}.formation-creator .formation-module-container section.related-formations .line{width:100%;line-height:1.25em}.formation-creator .formation-module-container section.related-formations .small{font-size:12px}.formation-creator .formation-module-container section.related-formations .bold{font-weight:700}.formation-creator .formation-module-container section.related-formations .light{font-weight:100}.formation-creator .formation-module-container section.related-formations .centered{text-align:center}.formation-creator .formation-module-container section.related-formations .description{max-width:24rem;color:var(--clr-1-b4);background-color:#0000;padding:0 1em;line-height:2em}.formation-creator .formation-module-container section.related-formations img{width:200px;max-width:200px;height:auto;margin:2em;display:block}@media screen and (min-width:700px){.formation-creator .formation-module-container section.related-formations .small{font-size:14px}}.formation-show,.notfound-show{background:#fcfcfc;font-size:16px}.field{font-family:var(--font-family-body);font-weight:400}#app{height:auto;min-height:100vh;font-family:var(--font-family-base)}.show-page-formation-module-container,.formation-creator .formation-module-container{height:auto}.show-page-formation-module-container{min-height:100vh}#formationModuleContainer>.card.show.formation-show{height:auto;position:static}.fade-in-from-ghost{animation:.5s ease-in-out .75s backwards fadeInFromGhost}.fade-in-from-ghost-2{animation:.5s ease-in-out 1s backwards fadeInFromGhost}.formation-creator .roster-editor :is(.player-display,.player-input,.player-display-rating)>.shirt-number{font-family:var(--font-family-body);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum";color:#000;text-align:right;width:auto;min-width:3ch;font-size:clamp(1rem,1vw,1.25rem);font-weight:900;line-height:1}.formation-creator .roster-editor :is(.player-display,.player-input,.player-display-rating) .name{font-family:var(--font-family-body);font-size:clamp(1rem,.82vw,1.1rem);font-weight:var(--font-weight-medium);letter-spacing:1px;color:var(--clr-1-d1);line-height:normal}