@font-face{font-family:PTSansRU;src:url('/local/fonts/PT_Sans-Web-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:PTSansRU;src:url('/local/fonts/PT_Sans-Web-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:PTSerif;src:url('/local/fonts/PT_Serif-Web-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:PTSerif;src:url('/local/fonts/PT_Serif-Web-Bold.ttf');font-weight:700;font-display:swap}
html[lang=ru] body,html[lang=ru] input,html[lang=ru] select,html[lang=ru] textarea,html[lang=ru] button{font-family:PTSansRU,Arial,sans-serif}
html[lang=ru] .section-menu,html[lang=ru] .sidenav-link,html[lang=ru] .button-selection,html[lang=ru] .abilityLabel{font-family:PTSansRU,Arial,sans-serif}
html[lang=ru] .prof-img,:root.light[lang=ru] .prof-img{height:22px;width:76px;object-fit:contain}
html[lang=ru] .prof-layout:has(>.prof-name:not(.prof-name-weapon)){display:flex;align-items:center;box-sizing:border-box;min-height:40px}
html[lang=ru] .prof-layout>.prof-name:not(.prof-name-weapon){width:calc(10em + 10px);flex:0 0 calc(10em + 10px);height:auto}
html[lang=ru] .prof-layout:has(>.prof-name:not(.prof-name-weapon))>.prof-section{flex:0 0 auto;margin-right:8px;vertical-align:middle}
html[lang=ru] .prof-layout:has(>.prof-name:not(.prof-name-weapon))>.prof-section:has(.prof-img){display:flex;align-items:center;margin-right:10px}
html[lang=ru] .prof-layout:has(>.prof-name:not(.prof-name-weapon)) .prof-img{display:block}
html[lang=ru] .prof-layout:has(>.prof-name:not(.prof-name-weapon))>.prof-section:has(>.centered-tiny){min-width:2em}
html[lang=ru] #container-section-skills>.rounded-rectangle:first-child>div:first-child{flex:1 1 0;min-width:0;margin-right:.5em!important;line-height:1.2}
html[lang=ru] #container-section-skills>.rounded-rectangle:first-child>.grid-container{flex:0 0 auto!important}
html:not(.light) #root-no_character>.modal-content{background-image:none;background-color:#171a1e}
:root.light #root-no_character>.modal-content{background-image:url('/assets/img/lm/parchment.jpg')}
html[lang=ru] .modal-content{max-width:96vw;max-height:96vh}
html[lang=ru] .section-menu,html[lang=ru] .button-text{white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
html[lang=ru] .div-button-simple{display:inline-flex;box-sizing:border-box;min-width:0;min-height:2em;align-items:center;justify-content:center;vertical-align:middle;line-height:1.2;text-align:center;padding:.35em .5em}
html[lang=ru] .div-button-simple .button-simple{padding:0;line-height:1.2}
/* These native controls have inline display rules; override only their layout. */
html[lang=ru] .layout-item:has(>.dice-button):has(>.prof-layout){display:flex;align-items:center;gap:8px;overflow-x:auto}
html[lang=ru] .layout-item>.dice-button:has(+.prof-layout){display:inline-flex!important;flex-direction:row;align-items:center;justify-content:center;flex:0 0 auto;margin:0!important;white-space:nowrap;gap:.5em;width:auto!important}
html[lang=ru] .layout-item>.dice-button:has(+.prof-layout)>img{margin:0!important;padding:0!important}
html[lang=ru] .layout-item>.dice-button+.prof-layout{display:flex!important;align-items:center;flex:0 0 auto;margin:0!important}
html[lang=ru] #root-no_character .div-button-simple{display:inline-flex!important;align-items:center;justify-content:center;padding:.5em 1em!important}
body:has(#root-no_character) #dice-switch{display:none!important}
html[lang=ru] .div-button:has(>.button-icon){display:inline-flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:7.8em;min-height:7.1em;vertical-align:top;padding:.35em}
html[lang=ru] .div-button:has(>.button-icon) .button-selection{display:flex;align-items:center;justify-content:center;min-height:2.6em;line-height:1.2;white-space:normal;overflow:visible;width:100%;font-family:PTSansRU,Arial,sans-serif}
html[lang=ru] .weapon-button{width:6.5em;min-width:6.5em}
html[lang=ru] .cogButton{display:inline-grid;grid-template-rows:3.8em 2.6em;box-sizing:border-box;min-width:6.3em;width:6.3em;align-items:center;vertical-align:top;padding:.3em}
html[lang=ru] .cogButton .centred-parent{height:3.8em}
html[lang=ru] .cogButton .centred-parent img{max-width:3.8em;max-height:3.8em}
html[lang=ru] .cogButton .centered-tiny{height:2.6em;align-items:center;line-height:1.2;white-space:pre-line;font-family:PTSansRU,Arial,sans-serif;font-size:.68em}
html[lang=ru] .section-top{height:auto;min-height:7em}
html[lang=ru] .section-top>div>div:first-child{display:flex;align-items:stretch;gap:.3em}
html[lang=ru] .section-top>div>div:first-child>div{display:flex!important;align-items:stretch}
html[lang=ru] .section-top>div>div:first-child .div-button{box-sizing:border-box;margin:0;height:3.3em;min-height:3.3em;max-height:3.3em}
html[lang=ru] .section-top>div>div:first-child .div-button-simple{margin:0}
html[lang=ru] .section-top .button-show-plan{width:5em;min-height:0;height:auto;align-self:stretch;font-size:1em;line-height:1.15}
html[lang=ru] .section-top .button-name{width:21.7em}
html[lang=ru] .section-top .button-name>div:last-child{min-width:0;width:100%;align-items:center;margin-top:.15em!important}
html[lang=ru] .section-top .button-name .button-selection{display:block!important;max-width:none!important;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}
html[lang=ru] .armor-stat-line{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
html[lang=ru] .armor-stat-line>div{width:auto!important;flex:0 0 auto;white-space:nowrap}
html[lang=ru] .armor-stat-line>.icon-ac{flex:0 0 auto;margin:0}
html[lang=ru] .armor-stat-line>.icon-ac:nth-of-type(2){margin-left:2px}
html[lang=ru] .speedsizerow{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:.35em;column-gap:.15em}
html[lang=ru] .speedsizerow .speed-size-section{display:inline-flex;align-items:center;margin-right:.35em;flex:0 0 auto}
html[lang=ru] .speedsizerow .speed-size-img{display:block;height:2.2em;width:auto;align-self:center}
html[lang=ru] .speedsizerow .speed-size-right{display:flex;flex-direction:column;height:auto;line-height:1.2}
html[lang=ru] .speedsizerow .speed-size-label{line-height:1.2}
html[lang=ru] .speedsizerow .ability-span{width:3.4em;max-width:3.6em;margin-right:0;flex:1 0 3em}
/* The engine uses .hidden for unavailable controls; layout rules must respect it. */
html[lang=ru] .cogButton.hidden,html[lang=ru] .div-button-simple.hidden,html[lang=ru] .div-button.hidden:has(>.button-icon){display:none!important}
html[lang=ru] .modal-buttons{display:flex;flex-wrap:wrap;gap:.45em;align-items:stretch}
html[lang=ru] .modal-buttons>.modal-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:8em;min-height:3em;line-height:1.2;padding:.4em .5em;margin:0;white-space:normal;word-break:normal;overflow-wrap:normal}
html[lang=ru] .table-gear-buttons{align-items:stretch;column-gap:.25em}
html[lang=ru] .table-gear-buttons>.div-button-simple{width:auto!important;min-width:0;min-height:3.2em}
html[lang=ru] .progress-bar-container{grid-template-rows:1.8em;overflow:hidden;min-height:0}
html[lang=ru] .progress-bar{height:100%;min-height:0;box-sizing:border-box}
html[lang=ru] .progress-bar-text{box-sizing:border-box;height:100%;line-height:1.2em;padding:.3em;min-height:0;overflow:hidden}
#beta-text{text-align:center;position:absolute;top:5em;left:50%;transform:translateX(-50%);width:28em;padding:1.1em 0;background:#222831;border-radius:10px}
#beta-text .beta-info{margin:0 0 1em;width:auto;font-size:1.1em}
#beta-text #p-version{margin:0}
html.light #beta-text{background:#fcf7eb;color:#510000}
html.light #ring-holder .lds-ring{background:#fcf7eb;color:#510000;border-color:#510000}
html.light #ring-holder .lds-ring>div{border-top-color:#510000}
#ring-holder .lds-ring{margin-top:20em;width:9em;height:9em;box-sizing:content-box;position:relative}
#ring-holder .lds-ring>div{left:50%;margin-left:-2.5em}
#language-transition{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#171a1ef5}
.language-transition-card{display:flex;align-items:center;gap:1em;background:#222831;padding:1.5em 2em;border-radius:10px;font:16px PTSansRU,Arial,sans-serif}
.language-spinner{width:2em;height:2em;border:4px solid #ff572240;border-top-color:#ff5722;border-radius:50%;animation:language-spin .8s linear infinite}
html.light #language-transition{background:#f7f9fcf5}
html.light .language-transition-card{background:#e4eaf2;color:#171a1e}
html.light .application-language-picker{background:#fff;color:#171a1e}
/* Crop the baked image rim; the browser draws one clean frame at any scale. */
html[lang=ru] .character-button-frame{position:relative;box-sizing:border-box;width:100%;max-width:467px;aspect-ratio:467/200;overflow:hidden;border:3px solid #465568;border-radius:18px;cursor:pointer;margin-bottom:8px;isolation:isolate;background:#222831}
:root.light[lang=ru] .character-button-frame{border-color:#500000;background:#500000}
html[lang=ru] .character-button-frame:hover{border-color:#ff5722}
:root.light[lang=ru] .character-button-frame:hover{border-color:#500000}
html[lang=ru] .character-button-frame>.new-load-buttons{position:absolute;display:block;width:104%;max-width:none;height:108%;left:-2%;top:-4%;object-fit:fill;border:0;border-radius:0;filter:none}
html[lang=ru] .character-button-frame>.new-load-buttons:hover{filter:none}
@keyframes language-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.language-spinner{animation-duration:2s}}
.application-language-picker{position:fixed;right:1em;bottom:.65em;z-index:2000;background:var(--background-color,#252831);color:inherit;border:1px solid #888;border-radius:4px;padding:.3em .5em;font:14px PTSansRU,Arial,sans-serif;box-shadow:0 1px 6px #0006}
.application-language-picker select{font:inherit;background:inherit;color:inherit;border:0;padding:.15em}
.application-account-picker{position:fixed;right:1em;top:.35em;z-index:2100;max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#222831;color:#fff;border:1px solid #465568;border-radius:5px;padding:.35em .8em;font:14px PTSansRU,Arial,sans-serif;cursor:pointer}
html.light .application-account-picker{background:#fcf7eb;color:#500000;border-color:#500000}
.application-account-picker:hover,.application-account-picker:focus-visible{border-color:#ff5722;outline:2px solid #ff5722;outline-offset:2px}
@media print{.application-account-picker{display:none}}
@media print{.application-language-picker{display:none}@page{size:A4;margin:12mm}}