.battles-page{position:relative;min-height:100vh;background:var(--pm-color-background-site);color:var(--pm-color-text-primary);isolation:isolate}#container:has(.battles-create),#container:has(.battles-hub),#container:has(.battles-room),#container:has(.battles-runner){padding-top:0!important}.battles-page>.training-network-background{position:absolute;inset:0;z-index:0;width:100%;height:100%}.battles-create,.battles-room{min-height:100vh}.battles-surface{position:relative;z-index:1;width:min(1110px,100%);min-height:inherit;margin:0 auto;padding:48px 44px 80px;box-sizing:border-box;background:var(--pm-color-background-surface-primary)}.battles-create .battles-surface{padding:28px 0 64px;background:#0000}.battles-room .battles-surface{display:flex;flex-direction:column;padding-bottom:16px}.battles-hub .battles-surface{display:flex;flex-direction:column;height:100dvh;min-height:0;padding-bottom:40px}.battles-open-list{flex:1;min-height:0;width:min(900px,100%);margin:0 auto;overflow-y:auto}.battles-open-list-heading{display:flex;gap:16px;padding:4px 0 16px;border-bottom:1px solid var(--pm-color-border-default);font-size:20px;font-weight:700}.battles-list{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}.battles-list-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:96px;padding:18px 22px;border:1px solid var(--pm-color-border-default);background:var(--pm-color-background-surface-secondary);color:var(--pm-color-text-primary);text-align:left;cursor:pointer}.battles-list-item:hover{background:var(--pm-color-background-surface-hover)}.battles-list-item:focus-visible{outline:3px solid var(--pm-color-accent-yellow);outline-offset:3px}.battles-list-details{display:grid;gap:4px;min-width:0}.battles-list-details strong{font-size:21px}.battles-list-details>span{color:var(--pm-color-text-secondary);overflow-wrap:anywhere}.battles-list-action{color:var(--pm-color-text-primary);font-weight:700}.battles-list-state{margin:28px 0;color:var(--pm-color-text-secondary)}.battles-hub-body{display:flex;flex:1;flex-direction:column;justify-content:center;gap:32px;min-width:0}.battles-room .battles-hub-body{justify-content:flex-start}.battles-arena{width:min(900px,100%);margin:0 auto}.battles-arena-conditions{display:flex;align-items:center;gap:18px;margin-bottom:48px;padding:0 0 22px;border-bottom:1px solid var(--pm-color-border-default)}.battles-condition-preview{--preview-cell-size:17px;--preview-cell-gap:2px;--preview-cell-padding:2px;--training-sport-catalog-preview-width:calc(3 * var(--preview-cell-size) + 2 * var(--preview-cell-gap));--training-sport-catalog-preview-height:calc(2 * var(--preview-cell-size) + var(--preview-cell-gap));flex:none;display:block;width:var(--training-sport-catalog-preview-width);height:var(--training-sport-catalog-preview-height);color:var(--training-sport-catalog-accent)}.battles-condition-preview .training-sport-catalog-preview-text-word{font-size:calc(var(--preview-cell-size)*.18)}.battles-condition-preview .training-sport-catalog-preview-text-date{font-size:calc(var(--preview-cell-size)*.34);letter-spacing:0}.battles-arena-conditions>div:first-of-type{display:grid;flex:1;gap:4px;min-width:0}.battles-arena-conditions>div:first-of-type strong{font-size:22px}.battles-arena-conditions>div:first-of-type span{color:var(--pm-color-text-secondary)}.battles-arena-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.battles-hub-arena{display:grid;grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);align-items:center;width:100%}.battles-player{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:310px;padding:26px 18px;border:1px solid var(--pm-color-border-default);border-top:4px solid var(--blue);background:var(--pm-color-background-surface-secondary);color:var(--pm-color-text-primary);text-align:center;box-sizing:border-box}.battles-player--current{border-top-color:var(--pm-color-accent-yellow)}.battles-player-profile{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;padding:0;border:0;background:#0000;color:inherit;text-align:center;cursor:pointer}.battles-player-profile:disabled{cursor:default}.battles-player-profile:focus-visible{outline:2px solid currentColor;outline-offset:4px}.battles-player-identity{display:grid;gap:8px;min-width:0}.battles-player-identity strong{font-size:22px;overflow-wrap:anywhere}.battles-player-identity small,.battles-player-status{color:var(--pm-color-text-secondary);font-size:16px}.battles-hub-versus{color:var(--pm-color-text-supportive);font-family:BebasNeueBold,sans-serif;font-size:52px;text-align:center}.battles-player.battles-player--waiting{align-self:stretch;gap:0;padding:0;background:var(--pm-color-background-surface-primary)}.battles-waiting-body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;padding:24px 18px;box-sizing:border-box}.battles-waiting-body>strong{font-size:22px}.battles-waiting-online{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;width:100%;padding:14px 18px;border-top:1px solid var(--pm-color-border-default);box-sizing:border-box;color:var(--pm-color-text-secondary);font-size:16px;text-align:left}.battles-waiting-online>span{display:flex;align-items:center;gap:8px}.battles-waiting-online svg{flex-shrink:0;color:var(--pm-color-text-supportive)}.battles-waiting-online[data-online-state=online] svg{color:var(--pm-color-accent-green)}.battles-waiting-online>strong{margin-left:auto;font-weight:500;color:var(--pm-color-text-primary)}.battles-waiting-hourglass{position:relative;display:block;width:64px;height:64px;color:var(--purple,#b873b0);animation:battles-hourglass-turn 8s linear infinite}.battles-waiting-hourglass>svg{display:block}.battles-waiting-hourglass-sand{position:absolute;left:19px;width:26px;height:14px;background:currentColor}.battles-waiting-hourglass-sand--top{top:17px;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:center top;animation:battles-hourglass-top 8s linear infinite}.battles-waiting-hourglass-sand--bottom{bottom:16px;clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:center bottom;animation:battles-hourglass-bottom 8s linear infinite}.battles-waiting-hourglass-stream{position:absolute;top:30px;left:31px;width:2px;height:6px;background:currentColor;animation:battles-hourglass-stream 8s linear infinite}@keyframes battles-hourglass-turn{0%,42%{transform:rotate(0)}50%,92%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes battles-hourglass-top{0%{transform:scaleY(1)}42%,50%{transform:scaleY(0)}92%,to{transform:scaleY(1)}}@keyframes battles-hourglass-bottom{0%{transform:scaleY(0)}42%,50%{transform:scaleY(1)}92%,to{transform:scaleY(0)}}@keyframes battles-hourglass-stream{0%,39%,53%,89%{opacity:1}42%,50%,92%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.battles-waiting-hourglass,.battles-waiting-hourglass-sand,.battles-waiting-hourglass-stream{animation:none}.battles-waiting-hourglass-sand--bottom{transform:scaleY(0)}}.battles-arena--many .battles-arena-conditions{margin-bottom:20px}.battles-arena-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-content:start;gap:12px;max-height:min(56dvh,600px);overflow-y:auto;scrollbar-gutter:stable}.battles-arena-roster>[role=listitem]{min-width:0}.battles-player--compact{flex-direction:row;flex-wrap:wrap;justify-content:space-between;min-height:112px;height:100%;padding:14px;gap:8px 12px;text-align:left}.battles-player--compact .battles-player-profile{flex:1 1 150px;flex-direction:row;text-align:left}.battles-player--compact .battles-player-identity{gap:2px}.battles-player--compact .battles-player-identity strong{font-size:17px}.battles-player--compact .battles-player-identity small,.battles-player--compact .battles-player-status{font-size:13px}.battles-player--compact .battles-arena-result{width:100%;justify-items:start}.battles-arena-result{display:grid;justify-items:center;gap:6px;color:var(--pm-color-text-secondary);font-size:14px}.battles-hub-actions .training-action-button,.battles-room-actions .training-action-button{width:min(290px,100%);min-height:64px}.battles-preparation-status{display:grid;justify-items:center;gap:12px;width:min(290px,100%)}.battles-participant-settings{padding:8px 12px;border:1px solid var(--pm-color-border-default);background:#0000;color:var(--pm-color-text-primary);cursor:pointer}.battles-participant-settings:hover{background:var(--pm-color-background-surface-hover)}.battles-participant-settings:focus-visible{outline:2px solid currentColor;outline-offset:3px}.battles-result-link{color:var(--pm-color-text-primary);text-underline-offset:3px}.battles-result-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.battles-runner-error button{padding:10px 20px;border:1px solid var(--pm-color-border-default);border-radius:8px;background:var(--pm-color-background-surface-primary);color:inherit;cursor:pointer}.battles-error,.battles-setup-error{color:#a52635}.battles-setup-error{position:fixed;z-index:1000003;left:50%;bottom:18px;transform:translateX(-50%);background:#fff;padding:12px 16px}.battles-runner-error,.battles-runner-loading{display:flex;align-items:center;justify-content:center;gap:16px;min-height:100vh;padding:24px}@media(max-width:700px){.battles-surface{padding:64px 18px 48px}.battles-room .battles-surface{padding-bottom:0}.battles-hub .battles-surface{padding:48px 18px 20px}.battles-list-item{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:14px}.battles-list-action{grid-column:2;font-size:14px}.battles-list-details strong{font-size:18px}.battles-hub-arena{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.battles-player{min-height:230px;padding:18px 8px;gap:8px}.battles-waiting-body{gap:16px;padding:18px 8px}.battles-waiting-body>strong{font-size:16px}.battles-waiting-online{padding:12px 8px;font-size:13px}.battles-arena-conditions{flex-wrap:wrap;gap:10px;margin-bottom:24px}.battles-arena-conditions>div:first-of-type strong{font-size:19px}.battles-arena-header-actions{width:100%;justify-content:flex-start;padding-left:52px}.battles-player-identity strong{font-size:16px}.battles-player-identity small,.battles-player-status{font-size:13px}.battles-hub-versus{font-size:27px}.battles-arena-roster{grid-template-columns:1fr}.battles-player--compact{min-height:96px;padding:12px}.battles-player--compact .battles-player-identity strong{font-size:16px}.battles-arena-result{font-size:12px}}@media(max-width:480px){.module-homework[data-battle-coding]:not([lang=ru]) .learning-clean-coding-control-row[data-coding-field=direction]{grid-template-columns:22px minmax(0,1fr)}.module-homework[data-battle-coding]:not([lang=ru]) .learning-clean-coding-control-row[data-coding-field=direction] select{grid-column:1/-1}}